2013-06-27 131 views
2

我有这个输入类型号:如何强制显示带有输入类型编号的逗号的数字?

<input type="number"> 

当然该值是一个数,如何迫使它显示用逗号是多少?并使其与大多数HTML 5浏览器兼容?

我搜索了但我没有找到解决方案。我输出了一个数字,但没有用逗号显示。

+0

无关:你不应该自行终止任何HTML 5' />'。这仅限于XHML:[我需要在
标记末尾处有“/”吗?](http://stackoverflow.com/a/15149657) –

+1

http://www.w3.org /TR/html5/forms.html#number-state-%28type=number%29:_“注意:此规范没有定义用户界面用户代理的用途;鼓励用户代理供应商考虑最适合他们的用户代理例如,波斯或阿拉伯市场的用户代理可能支持波斯文和阿拉伯数字输入(将其转换为上述提交所需的格式)。“_ – CBroe

+0

感谢Danny,结束标记并不重要。但我需要用逗号显示数字。这是要求。我不想用花哨的JS。我只是认为这是可能的HTML 5。 –

回答

-3

可以使用属性step定义小数,例如,如果你想显示1位小数,你可以使用:

<input type="number" step="0.1"></input> 

现在,当您使用箭头向上和向下,将增加和减少编号乘以0.1

+0

这不是OP所要做的。 –

+0

与__comma__相关的_displaying_值与小数点相关吗? – CBroe

+0

对不起,我以为他有意使用十进制数字。 – maqjav

1

您可以使用法语区域lang="fr",它们使用逗号作为小数点分隔符。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>Input test</title> 
    <script> 
     function init(){ 
     document.getElementById('in1').value = 3.14; 
     } 
    </script> 
    </head> 
    <body onload="init()"> 
    <input id="in1" lang="fr" type="number"> 
    </body> 
</html> 

它运作良好,与Firefox 39.0:

enter image description here

但不幸的是,这还没有在Chrome中实现44

+1

聪明,但不幸工作对我来说 – parliament

+2

我已经更新了我的答案:在Firefox中工作,但不在Chrome中工作。 –