HTML5 中 input 如何实现只能输入浮点数

2023-04-14 10:17:12 浏览数 (1)

我们知道 HTML5 中的 input 标签支持 number 的类型,支持只能输入数字:

代码语言:javascript复制
<input type="number" />

如果我们的业务需求中要求输入浮点数怎么实现呢?其实可以通过 step 属性来实现,step 属性默认值是 1,如果将 step 定义成 0.01,即可实现浮点数的输入:

代码语言:javascript复制
<input type="number" step="0.01" />

记录一下,以前以为 input type="number" 只支持输入整数,没想到也支持浮点数,并且还那么简单。

0 人点赞