HTML5 - 输入=数字和不兼容的浏览器

Question

我想<input type="number">在我的网站上使用html5元素,但我想知道在不支持此功能的浏览器中该字段会发生什么变化？它不是<input type="text">这些浏览器的经典领域吗？

Answer 1

当浏览器无法识别某个特定type值时<input>,它将恢复为默认值,即text.因此,以下所有内容在不支持的浏览器上是等效的: type="number"

<input type="number">
<input type="somevaluethatdoesntexist">
<input type="text">
<input>

对于浏览器做支持type="number",该number <input>会显示,而不是text <input>.

阅读有关typeHTML规范中的属性的更多信息.

Answer 2

参考

• W3 - 输入类型
• W3 - 输入类型编号
• W3Schools - HTML 5输入类型

在IE和Chrome上打开此示例并查看差异.

支持的浏览器:

• 歌剧
• 苹果浏览器
• 铬

If HTML 5 Input Types are not supported on a browser, they will behave as regular text fields.