美文网首页
如何让Number类型的input支持小数提交?

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

作者: fuheideMayuyu | 来源:发表于2018-12-13 10:31 被阅读0次

    正常代码:

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

    相关文章

      网友评论

          本文标题:如何让Number类型的input支持小数提交?

          本文链接:https://www.haomeiwen.com/subject/fkdvhqtx.html