有什么方法可以使用占位符<input type=number>
吗?
4 回答
我刚刚检查了 HTML5 规范中类型为数字的输入,它明确表示不能使用占位符属性。当我尝试使用带有占位符属性的数字输入类型验证 html 时,我也遇到了http://validator.w3.org错误。看起来浏览器可能支持这一点,但它在 HTML5 规范中无效。
@zachleat 是正确的,该placeholder
属性在最新的 HTML5 规范中是允许的:
HTML 5.1 第 2 版:表格,数字状态类型数字(参见簿记部分)
以下常见的输入元素内容属性适用于该元素:autocomplete、list、max、min、placeholder、readonly、required 和 step 内容属性;
这是 MDN Web Docs 中的 Placeholders 部分<input type="number">
:https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number#Placeholders
有时,提供有关输入数据应采用何种形式的上下文提示会很有帮助。如果页面设计没有为每个
<input>
. 这就是占位符的用武之地。占位符是一个值,它value
通过提供一个有效值的示例来演示应该采用的值,当元素value
为时,该值显示在编辑框中""
。输入数据后,占位符消失;如果该框被清空,则占位符会重新出现。
使用占位符: <input type="number" placeholder="10">
使用最小值和最大值: <input type="number" placeholder="10">
使用价值: <input type="number" value="10">