2013-06-27 166 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中工作。 –