23

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

4

3 回答 3

28

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

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

对于支持的浏览器，将显示 而不是。type="number"number <input>text <input>

阅读 HTML 规范中有关该type属性的更多信息。

于 2012-05-09T18:03:56.580 回答
5

参考

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

支持的浏览器：

  • 歌剧
  • 苹果浏览器
  • 铬合金

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

于 2012-05-09T17:59:31.050 回答
2

注意，虽然较旧的浏览器会忽略并默认使用“文本”，但许多较新的浏览器只会做错事。请参阅： 哪些型号的三星智能手机缺少 html5 input type="number" 的句点？

于 2014-06-02T12:17:10.290 回答