类型=“数字”的HTML5输入框在Chrome浏览器中不接受逗号

时间:2016-02-10 12:20:43

标签: html5 input numbers comma

我正在使用带有type="number"的HTML5输入框。对于某些文档,如果我还使用lang=""属性,则应该可以使用逗号(而不是句点)输入数字。它适用于Firefox,但不适用于Chrome(不接受逗号)。如何让Chrome接受输入框中的逗号。 我的问题是我们的德国用户希望他们可以输入逗号而不是那里的逗号。

https://jsfiddle.net/byte2702/y3Lpfw7m/

Please enter a number with comma: <br/>
<input id="num" type="number" step="any" lang="de" pattern="-?[0-9]+[\,.]*[0-9]+" /> 

3 个答案:

答案 0 :(得分:6)

实际上,如果我正确阅读了文档,patterntype=number 不支持。因此,请坚持type=text,然后为前端验证添加pattern="..."。在下一步中,如果文本输入与JavaScript /计算格式不兼容,则需要将文本输入转换为实数。

2017年仍然没有解决这个常见问题的好方法......

答案 1 :(得分:3)

截至目前(2017年8月30日),Antoine Thiry的答案似乎已不再适用于Chrome(我的版本为60.0.3112.113)。不幸的是,我没有任何其他建议,除了模拟类型=&#34;数字&#34;用javascript。

答案 2 :(得分:0)

至于现在,我已经尝试了

    <html lang="en">

    <input type="number" lang="en">

它让我输入任何:逗号或句号。我已经在Firefox和Chrome上的桌面Ubuntu和移动Android上进行了测试。