You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

设置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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 09:02:04