html - 如何在 HTML5 的数字输入中显示占位符的文本

Question

有没有一种方法可以在 type=number 的输入标签内显示占位符文本？

详细问题:HTML 的输入标签的属性“占位符”用于在元素未获得焦点时在 UI 中显示有关输入标签的描述 - 当同一字段获得焦点时，描述性文本变为空白。问题是如果输入类型由 type="number"组成，则没有文本可见。我的 UI 中确实有空间限制，无法在输入标签前添加标签。

有什么建议吗？

Answer 1

占位符不是用来作为输入标签的。占位符应包含有效输入的示例。因此，在输入数字的情况下，占位符的唯一有效值是数字。

但是如果你想滥用占位符来节省空间，你可以只使用一点 JS 来解决你的问题。

<input placeholder="Amount" onfocus="this.type='number';">

PS Chrome Nightly 似乎在组合数字和占位符方面没有问题。