为什么类型编号的 HTML5 输入在 IE10 中不起作用或偶尔起作用答案

【问题标题】：Why does HTML5 input of type number not work or works sporadically in IE10为什么类型编号的 HTML5 输入在 IE10 中不起作用或偶尔起作用
【发布时间】：2013-11-27 22:10:13
【问题描述】：

我试图让小数在数字类型的输入字段中工作。为了实现这一点，我正在尝试修改 step 属性。

 <input name="aNumberInput" type="number" min="10000" max="400000" step=".001"  id="with-step"/>

我发现 IE10 中的实现不起作用，验证完全是零星的。例如，使用下面的 jsFiddle 并尝试输入 11111.232，然后尝试输入 11111.222。由于某种原因，.232 有效，但 .222 无效。

http://jsfiddle.net/4PQn9/

【问题讨论】：

让我惊讶的是 IE 没有正确实现某个功能。
这可能与浮点数的二进制表示有关吗？（对您的用例没有帮助，但可以解释为什么它会损坏。）
jsfiddle与问题中的代码不对应。 pattern 属性对 input type=number 无效。
我对错误的 jsfiddle 链接表示歉意，新的链接

标签： html internet-explorer input internet-explorer-10

【解决方案1】：

IE10 不完全支持输入类型编号（IE9 及以下版本不支持），因为它在 FF 或 Chrome 中支持。

在 microsoft 网站上查看此文档 http://msdn.microsoft.com/en-us/library/ie/hh773064%28v=vs.85%29.aspx

更新：- 支持跨浏览器的输入类型编号 http://caniuse.com/input-number

【讨论】：

【解决方案2】：

当测试这个..这发生在

浏览器模式：IE10

文档模式：标准

???

IE10确实支持输入数字类型但不显示递增/递减按钮。

http://msdn.microsoft.com/en-us/library/ie/hh773064%28v=vs.85%29.aspx

检查浏览器支持：

http://caniuse.com/#feat=input-number

IE 支持的输入类型列表：

http://msdn.microsoft.com/en-us/library/ie/ms534700%28v=vs.85%29.aspx

更新

看起来这里也有人问过这个问题：

HTML Number Input removes decimal point?

Force decimal point instead of comma in HTML5 number input (client-side)

http://blog.isotoma.com/2012/03/html5-input-typenumber-and-decimalsfloats-in-chrome/

【讨论】：

我看到它“部分支持”，显然部分原因是它不能很好地处理步骤，这在我的问题中很明显。
@chuckp16 也看看这个 StackOverflow 问题：stackoverflow.com/questions/14993302/… .. 看起来它也可能取决于浏览器和操作系统 - stackoverflow.com/questions/6178332/…
stackoverflow.com/questions/14993302/… 在此链接中找到我的答案，谢谢
@chuckp16 - 真棒.. 你能把我的答案标记为已回答吗.. 因为我的答案中有 HTML 数字输入删除小数点 :) - stackoverflow.com/questions/14993302/… -

【解决方案3】：

要允许 IE10 中的数字输入类型使用小数，您可以为 step 使用“any”值，这将改变它的默认值“1”。 http://dev.w3.org/html5/markup/input.number.html

<input name="aNumberInput" type="number" min="10000" max="400000" step="any"  id="with-step"/>

http://jsfiddle.net/C2HU2/

我的目标是保持最小值-最大值、数字验证，并允许将十进制/浮点值提交到表单。这为我实现了这一点。 chrome 中的步进器以 1 递增，这也足够了。

【讨论】：

【解决方案4】：

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

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

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

【讨论】：