设置type=number的输入框添加step后仍无法输入小数,求解决方法
解决HTML数字输入框无法输入小数的问题
默认情况下,<input type="number">的step属性默认值为1,这会让输入框仅接受整数步长的数值,输入小数后会自动修正为最近的整数,这就是问题的根源。
要保留数字输入类型同时允许输入小数,只需给输入框设置合适的step属性:
- 若要允许指定精度的小数(比如两位小数),直接将
step设为对应精度值:<input type="number" step="0.01"> - 若要允许任意精度的小数,将
step设为any:<input type="number" step="any">
如果需要限定数值范围,还可以配合min和max属性一起使用,比如限制0到100之间的两位小数:
<input type="number" step="0.01" min="0" max="100">
内容的提问来源于stack exchange,提问作者CodeWithCoffee
相关产品推荐
相关产品推荐

