HTML5在Firefox中输入"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来增强支持.它的文档包含有关输入类型的信息.

Answer 2

这是一个已知问题吗？

是.未知类型被视为文本.(并且只出现在草案规范中的类型往往不为许多浏览器所知)

解决方法？

JavaScript的

Answer 3

input type="number" 自版本25(2013年11月)起未在Firefox中实现.

Bug 344616是Bugzilla @ Mozilla的相关票证:https://bugzilla.mozilla.org/show_bug.cgi？id = 344616

2014年3月10日更新 - 好消息!看起来这张票是在Firefox 29中修复的,计划于2014年4月29日发布.

更新2014年4月30日 - 确认,我刚试了一下,Firefox 29也支持input type="number".