HTML5中是否有浮点输入类型?

HTML5中是否有浮点输入类型?,第1张

HTML5中是否有浮点输入类型

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>

像往常一样,我将简要说明一下:请记住,客户端验证对用户来说只是一种便利。您还必须在服务器端进行验证!



欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/5566616.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-12-14
下一篇2022-12-14

发表评论

登录后才能评论

评论列表(0条)

    保存