如何給輸入數字框默認值？

Question

我已經添加了我的數字框模式。

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

但我看不到價值。

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

Answer 1

如果您想要逗號，請嘗試使用type="text"代替。

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

演示在這里

Answer 2

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 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})?$">

演示： https : //jsfiddle.net/f39kx1tr/