HTML5 - input=number 和不兼容的浏览器

Posted 2023-03-05

【中文标题】HTML5 - input=number 和不兼容的浏览器

【英文标题】：HTML5 - input=number and incompatible browsers

【发布时间】：2012-05-18 06:49:37

【问题描述】：

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

【问题讨论】：

你可以试试看

Torben，以下帖子是否回答了您的问题？如果是这样，你能接受吗？ （请参阅常见问题解答中的How do I ask a question here?。）如果没有，您还需要哪些未在下面提供的附加信息？

【参考方案1】：

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

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

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

阅读更多关于type attribute in the HTML Specification的信息。

【参考方案2】：

参考

W3 - Input Types W3 - Input Type Number W3Schools - HTML 5 Input Types

在 IE 和 Chrome 上打开此 Example 并查看区别。

支持的浏览器：

歌剧 野生动物园 铬

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

【讨论】：

如果您要指定 W3C，请链接到规范，not w3schools.com（no 隶属关系）。

这场针对 W3Schools 的战争必须停止。那么如果他们不隶属于 W3C 怎么办？一堆答案/cmets 等提到了随机论坛、博客和几乎任何类型的网站，但它们没有被否决。然后我们看到人们仅仅因为有一个指向 W3schools 的链接这一事实而投票否决，即使它是一个有效的答案..

@MilkyWayJoe，首先，很多时候 W3Schools 都被否决了，因为链接到的特定页面包含无效信息。在这种情况下，Siva 将“W3C - HTML 5 输入类型”链接到 W3Schools，这是不正确的信息，因为 W3C 和 W3Schools 不附属（所以我投票否决以避免混淆，不仅仅是因为 W3Schools 链接到，我已经删除了因为答案已相应更新）。但是，有一些人仅仅因为它是 W3Schools 而投票反对 W3Schools，我不同意，但这个答案并非如此。

【参考方案3】：

注意，虽然旧版浏览器会忽略并默认使用“文本”，但许多新版浏览器只会做错事。看： What models of Samsung smartphones have missing period for html5 input type="number"?