如何给出输入数字框的默认值?

时间:2015-09-17 11:22:58

标签: html validation input format

我添加了我的号码框模式。

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

但我看不出价值。

我们是否有机会看到这种形式的价值?

3 个答案:

答案 0 :(得分:1)

如果您想要逗号,请尝试改为使用type="text"

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

<强> Demo here

答案 1 :(得分:0)

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/

答案 2 :(得分:0)

您刚刚错过了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/