firefox - Firefox 中的 HTML5 输入类型 "number"

Question

我正在开发一个只有少数内部人员使用的应用程序，所以我很乐意告诉他们只使用 Firefox 或 Chrome，这样我就可以使用 HTML5。

我正在研究一个非常简单的功能:

<style> 
input:invalid { background-color: red; }
div.box {
border-color:#000; 
border-width:thin; 
border-style:solid;
}
</style>     
<input type="number" name="id"> <small>(if the box becomes red, make sure you didn't put a space)</small> 

它在 Chrome 中运行良好:它变成红色并且不会让您提交，而无需我编写任何其他代码。

Firefox ... 没那么多。它就像我有一个“文本”类型一样。

这是一个已知问题吗？解决方法？

谢谢

Answer 1

首先，您使用的是 Firefox 4 吗？ HTML5 表单在版本 4 中得到了更好的支持。

此页面包含有关 HTML5 表单和当前错误的详细信息 https://wiki.mozilla.org/User:Mounir.lamouri/HTML5_Forms

更新:如果浏览器不支持您要使用的 HTML5 功能，请尝试 Modernizr .它使用 Javascript 来增强支持。它的文档有 information about input types .