如何在 HTML5 的数字输入中显示占位符文本
有没有办法可以在 type=number 的输入标记内显示占位符文本？
详细问： HTML 输入标记的“占位符”属性用于在元素未获得焦点时在 UI 中显示有关输入标记的描述 - 当同一字段获得焦点时，描述性文本将变为空白。问题是如果输入类型由 type="number" 组成，则没有文本可见。我的用户界面确实有空间限制，无法在输入标签之前添加标签。
有什么建议吗？
Is there a way I can show placeholder text inside an input tag of type=number?
Detailed Q:
The property 'placeholder' of an HTML's input tag is used to show description about the input tag in the UI when the element is not focused - the descriptive text goes blank when the same field gets focus. The problem is no text is visible if the input type is made of type="number". I do have space limitations in my UI and cannot afford a label before the input tag.
Any suggestions?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
占位符不适合作为输入标签。占位符应包含有效输入的示例。因此，如果输入数字，占位符的唯一有效值就是数字。
但如果你想滥用占位符来节省空间，你可以使用一点 JS 来解决你的问题。
PS Chrome Nightly 似乎在组合数字和占位符方面没有问题。
Placeholders aren't intended as labels for input. Placeholder should contain examples of valid input. So in case of a number input the only valid value for placeholder is a number.
But if you want to misuse the placeholder to save room you could just use a little JS to fix your problem.
PS Chrome Nightly seems to have no problem with combining number and placeholder.