我如何輸入數字框的默認值？

Question

我已添加我的號碼框模式。

<input value="1,2323.23" type="number" pattern="^\\$?(([1-9](\\d*|\\d{0,2}(,\\d{3})*))|0)(\\.\\d{1,2})?$"> 

但我看不到價值。

我們有機會看到這種形式的價值嗎？

Answer 1

type="number"輸入無法處理包含逗號的值，所以刪除它並且應該可以正常工作。

<input value="12323.23" type="number" pattern="^\\$?(([1-9](\\d*|\\d{0,2}(,\\d{3})*))|0)(\\.\\d{1,2})?$"> 

如果然而，要保持逗號，然後更改type="number"到type="text"和逗號應該正常工作。

<input value="1,2323.23" type="text" pattern="^\\$?(([1-9](\\d*|\\d{0,2}(,\\d{3})*))|0)(\\.\\d{1,2})?$"> 

這裏有一個用的jsfiddle上述兩種版本：http://jsfiddle.net/AndrewL32/65sf2f66/52/

Answer 2

如果你想那麼逗號嘗試使用type="text"來代替。

<input value="1,2323.23" type="text" pattern="^\\$?(([1-9](\\d*|\\d{0,2}(,\\d{3})*))|0)(\\.\\d{1,2})?$"> 

Demo here

Answer 3

你只是缺少placeholder="123"屬性:)

<input placeholder="123" value="1,2323.23" type="number" pattern="^\\$?(([1-9](\\d*|\\d{0,2}(,\\d{3})*))|0)(\\.\\d{1,2})?$"> 

DEMO： https://jsfiddle.net/f39kx1tr/