14

有什么方法可以使用占位符<input type=number>吗?

4

4 回答 4

13

我刚刚检查了 HTML5 规范中类型为数字的输入,它明确表示不能使用占位符属性。当我尝试使用带有占位符属性的数字输入类型验证 html 时,我也遇到了http://validator.w3.org错误。看起来浏览器可能支持这一点,但它在 HTML5 规范中无效。

于 2011-03-27T22:17:54.787 回答
1

@zachleat 是正确的,该placeholder属性在最新的 HTML5 规范中是允许的:

HTML 5.1 第 2 版:表格,数字状态类型数字(参见簿记部分)

以下常见的输入元素内容属性适用于该元素:autocomplete、list、max、min、placeholder、readonly、required 和 step 内容属性;

于 2017-08-19T08:28:22.513 回答
0

这是 MDN Web Docs 中的 Placeholders 部分<input type="number">https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number#Placeholders

有时,提供有关输入数据应采用何种形式的上下文提示会很有帮助。如果页面设计没有为每个<input>. 这就是占位符的用武之地。占位符是一个值,它value通过提供一个有效值的示例来演示应该采用的值,当元素value为时,该值显示在编辑框中""。输入数据后,占位符消失;如果该框被清空,则占位符会重新出现。

于 2017-09-12T19:51:55.467 回答
0

使用占位符: <input type="number" placeholder="10">

使用最小值和最大值: <input type="number" placeholder="10">

使用价值: <input type="number" value="10">

于 2022-01-01T17:17:38.973 回答