html - <输入类型 ="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 支持数字输入。从粗略检查 their documentation 可以明显看出这一点。 ，以及尝试在浏览器本身中使用它。例如，尝试在数字输入中放置一个字母将导致该值在控件失去焦点时被清除。

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

// 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/