Number 类型的 input 输入框中输入浮点数

在 HTML5 中,input 元素有了一个好用的 type: Number,当我们把一个 input 设置为 Number 类型以后,它就可以接收 max、min 等参数设置最大值最小值,达到原生表单控制的目的:

但是这么一弄,问题来了,当我们输入浮点型的数字时就会报错,难道它只能接收整数吗?显然不是的,他不光可以接受浮点型,还可以控制输入到小数点后几位,以及每次增加的步幅(step),当我们需要精确到小数点后两位时,只要把 step 设置为 0.01 即可:

Have fun!