HTML5输入类型=数字和占位符属性

Question

有没有办法在<input type=number>上使用占位符？

Answer 1

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

Answer 2

@zachleat是正确的，最新的HTML5规范允许placeholder属性：

HTML 5.1 2nd Edition: forms, number-state-typenumber（参见簿记部分）

  

以下常见输入元素内容属性适用于该元素：自动完成，列表，最大值，分钟，占位符，只读，必需和步骤内容属性;

Answer 3

以下是关于<input type="number">的MDN网络文档中的占位符部分：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number#Placeholders

  

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

Answer 4

根据w3cschools.com，您可能希望使用value属性来定义默认值。