有没有一种方法可以在type为number的input标签中显示占位符文本?
详细问题: HTML中input标签的'placeholder'属性用于在元素未被聚焦时在UI中显示有关输入标签的描述 - 当相同字段获得焦点时,描述性文本会变为空白。问题是如果输入类型为type="number",则不会显示任何文本。我的UI空间有限,无法在输入标签之前放置标签。
有什么建议吗?
有没有一种方法可以在type为number的input标签中显示占位符文本?
详细问题: HTML中input标签的'placeholder'属性用于在元素未被聚焦时在UI中显示有关输入标签的描述 - 当相同字段获得焦点时,描述性文本会变为空白。问题是如果输入类型为type="number",则不会显示任何文本。我的UI空间有限,无法在输入标签之前放置标签。
有什么建议吗?
占位符并不是用来作为输入标签的。占位符应该包含有效输入示例。因此,对于数字输入,占位符的唯一有效值是数字。
但是,如果您想要滥用占位符以节省空间,您可以使用一些JS来解决问题。
<input placeholder="Amount" onfocus="this.type='number';">
PS Chrome Nightly似乎没有将数字和占位符组合在一起的问题。
inputmode="decimal"
。 - Gerbeninputmode
是什么。它也有相当广泛的支持。 - oldboy
<label>
。 - Quentin