HTML5中是否有浮点输入类型?
根据html5.org的说法,“数字”输入类型的“值属性,如果指定且不为空,则必须具有一个有效浮点数的值”。
但这只是简单的(无论如何,在最新版本的Chrome中),是一个带有整数而不是浮点数的“上下”控件:
<input type="number" id="totalAmt"></input>
是否存在HTML5固有的浮点输入元素,或一种使数字输入类型适用于浮点而不是整数的方法?还是我必须使用jQuery UI插件?
-
该
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>
像往常一样,我将简要说明一下:请记住,客户端验证对用户来说只是一种便利。您还必须在服务器端进行验证!
-
HTML5 中有浮点输入类型吗?
2022-03-22 关注 0 浏览57 1答案
-
HTML5表单新增的input输入类型有哪些
2020-12-26 关注 0 浏览110 1答案
-
你能列出HTML5中新的输入类型属性吗?
2020-01-14 关注 0 浏览1082 1答案
-
HTML5存储类型有什么区别?
2020-01-14 关注 0 浏览1007 1答案
-
如何使用CSS自定义HTML5输入范围类型的外观?
2021-02-02 关注 0 浏览159 1答案
-
为什么从已经支持它的浏览器中删除HTML5输入类型datetime?
2021-02-02 关注 0 浏览145 1答案
-
下面哪个类型不是 HTML5 新增的表单类型()
2022-03-03 关注 0 浏览68 1答案
-
HTML5输入类型范围显示范围值
2021-02-02 关注 0 浏览70 1答案
-
HTML5有哪些存储类型?它们之间有什么区别?
2021-01-11 关注 0 浏览169 2答案
-
使用XSLT设置HTML5文档类型
2021-02-02 关注 0 浏览107 1答案