该
number类型具有一个
step值,该值控制哪些数字有效(以及
max和
min),默认为
1。此值也被实现用于步进按钮(即,按增加
step)。
只需将此值更改为适当的值即可。为了赚钱,可能期望两位小数:
<input type="number" step="0.01">
(
min=0如果它只能是正数,我也会设置)
如果您希望允许任意数量的小数位,则可以使用
step="any"(尽管对于货币,我建议坚持使用
0.01)。在Chrome和Firefox中,当使用时,步进按钮将增加/减少1
any。(感谢Michal Stefanow指出的答案
any,并在此处查看相关规范)
这是一个游乐场,显示了各种步骤如何影响各种输入类型:
<form> <input type=number step=1 /> Step 1 (default)<br /> <input type=number step=0.01 /> Step 0.01<br /> <input type=number step=any /> Step any<br /> <input type=range step=20 /> Step 20<br /> <input type=datetime-local step=60 /> Step 60 (default)<br /> <input type=datetime-local step=1 /> Step 1<br /> <input type=datetime-local step=any /> Step any<br /> <input type=datetime-local step=0.001 /> Step 0.001<br /> <input type=datetime-local step=3600 /> Step 3600 (1 hour)<br /> <input type=datetime-local step=86400 /> Step 86400 (1 day)<br /> <input type=datetime-local step=70 /> Step 70 (1 min, 10 sec)<br /></form>
像往常一样,我将简要说明一下:请记住,客户端验证对用户来说只是一种便利。您还必须在服务器端进行验证!



