如何让Number类型的input支持小数提交？

2018-12-13 本文已影响0人 fuheideMayuyu

正常代码：

<form>
    <input type="number" name="test"/>
    <input type="submit" value="提交"/>
</form>

提交的时候浏览器会拦截不允许输入小数：

image.png

添加一个step属性即可，step表示允许几位小数：

<form>
    小数点后可以输入2位：
    <input type="number" name="test" step="0.01"/>
    <input type="submit" value="提交"/>
</form>