如何将Chrome设置为使用句点作为小数而不是逗号?

时间:2013-02-18 21:19:26

标签: html5 google-chrome numbers locale decimal-point

以下HTML5代码有效。它允许用户使用HTML5 type =“number”输入类型捕获小数。这可以通过step属性实现:

<input value="" name="turnover" id="turnover" placeholder="0" type="number" step="0.01">

问题在于,在南非,我们使用句点(。)作为小数而不是逗号(,)。不幸的是,Chrome不允许使用句点并强制用户使用逗号。显然,其他一些浏览器使用您在step属性中使用的任何小数分隔符。似乎不是Chrome。

有任何想法如何解决此问题?

3 个答案:

答案 0 :(得分:0)

您是否尝试过设置页面的文化代码?假设您的网站主要为南非游客服务......?

答案 1 :(得分:0)

这是我能提出的最接近的解决方案,它可以达到同样的效果。它通过pattern属性使用带有正则表达式的text属性,而不是HTML5数字属性。

对于货币(或小数点后两位):

<input type="text" value="0" name="turnover" placeholder="0" pattern="\d+(\.\d{2})?"/>

科学(或小数点后6位)

<input type="text" value="0" name="turnover" placeholder="0" pattern="\d+(\.\d{6})?"/>

对于任何小数位

<input type="text" value="0" name="turnover" placeholder="0" pattern="\d+(\.\d+)?"/>

希望这会有所帮助。如果您有更好的解决方案,请发布!

答案 2 :(得分:0)

您必须将该输入元素的lang属性指定为以句点表示小数而非逗号的国家/地区,例如。英文(en)

<input type="number" step="0.01" min="0" lang="en">