在 HTML5 中,input 元素有了一个好用的 type: Number,当我们把一个 input 设置为 Number 类型以后,它就可以接收 max、min 等参数设置最大值最小值,达到原生表单控制的目的:
<input type="number" min="100" max="200">
但是这么一弄,问题来了,当我们输入浮点型的数字时就会报错,难道它只能接收整数吗?显然不是的,他不光可以接受浮点型,还可以控制输入到小数点后几位,以及每次增加的步幅(step),当我们需要精确到小数点后两位时,只要把 step 设置为 0.01 即可:
<input type="number" min="100" max="200" step="0.01"> <!-- 如果你希望可以输入任意浮点型,则将 step 设置为 any --> <input type="number" min="100" max="200" step="any">
来源:https://www.baidu.com/link?url=Rcrw5X-71jEEpe_VwnQnggkAD-IbmJ3HlJsbNh2rQD3DYuhUnTuf9D-OjA3a9Xap&wd=&eqid=ad27b6f40004480a000000055bed4e1b