<input type ="number">在IE10中不起作用

Question

虽然我很确定这在昨天或前一天工作,但是<input type="number" min="0" max="50" step="10" value="0" />,例如,IE10中不再有效.我已经使用http://ie.microsoft.com/testdrive/HTML5/Forms/Default.html测试了我的浏览器,它已经不再适用了.还有谁有相同的问题吗？或者,它从来没有奏效？

Answer 1

Internet Explorer 10支持数字输入.通过粗略检查其文档以及尝试在浏览器中使用它,可以看出这一点.例如,尝试在数字输入中放置一个字母将导致在控件失去焦点时清除该值.

您还可以通过以编程方式执行上述测试来检测对数字的支持:

// Create the element
var element = document.createElement( "input" );

// Give it the number property and invalid contents
element.type = "number";
element.value = "qwerty";

// Value should be empty
alert( element.value ? "Not Supported" : "Supported" );

运行此测试:http://jsfiddle.net/VAZwT/

很可能是你将逐步增强的UI(微调器)与控件本身的支持等同起来.我已经看到这已经让一些人感到困惑.一些浏览器通过附加控件增加了数字输入的补充,但这不是(据我所知)支持的要求.

对于一些简单的测试min,max以及step:对的jsfiddle http://jsfiddle.net/sDVK4/show/

Answer 2

请更喜欢下面的答案,Sampson因为它更合适

IE不支持输入类型="数字",但您可以使用polyfill使其工作.

这是解决方案:http://html5please.com/#number

Answer 3

IE10没有Number支持.来源:我可以使用......吗？

刚刚在我们的Windows 8测试机上验证过,IE10的测试驱动站点上没有数字微调器.

Answer 4

Microsoft仍然使用输入类型=数字验证错误/错误,这也在IE11中.

https://connect.microsoft.com/IE/feedback/details/850187/html5-constraint-validation-is-broken-in-ie11-for-input-type-number

就像我开始再次喜欢Internet Explorer一样......希望他们可以在IE12中解决这个问题,手指交叉

Answer 5

IE 不支持输入 type="number"，但您可以使用 jQueryUI Spinner 小部件。它使用起来非常简单，并且有许多对开发人员友好的 API。

jQuery-UI Spinner 演示： https://jqueryui.com/spinner/

jQuery-UI Spinner 的 API https://api.jqueryui.com/spinner/#event-change