<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

IE不支持输入type="number“，但您可以使用jQueryUI微调窗口小部件。它非常容易使用，而且它有许多对开发人员友好的API。

jQuery-UI微调器的演示：https://jqueryui.com/spinner/

jQuery-UI微调https://api.jqueryui.com/spinner/#event-change接口

Answer 2

Internet Explorer 10支持数字输入。粗略地检查一下their documentation，并尝试在浏览器本身中使用它，就可以明显看出这一点。例如，尝试在数字输入中放置一个字母将导致在控件失去焦点时清除该值。

您还可以通过编程执行上述测试来检测对number的功能检测支持：

// 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 (微调器)等同于对控件本身的支持。我已经看到这让一些人感到困惑了。一些浏览器增加了额外的控件来补充数字输入，但(据我所知)这不是支持的必要条件。

在jsfiddle上对min、max和step进行一些简单的测试：http://jsfiddle.net/sDVK4/show/

Answer 3

请首选下面来自 Sampson 的 ，因为它更适合

IE不支持输入数字“type=”，但您可以使用polyfill来使其工作。

以下是解决方案：http://html5please.com/#number