首页 > 其他 > 详细

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

时间：2019-08-07 17:59:54 阅读：95 评论：0 收藏：0 [点我收藏+]

如下代码：

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

输入时可以正常输入数字和小数点，但是提交的时候浏览器会拦截，不允许输入小数：

技术分享图片

修改如下即可，step表示允许的小数位个数，比如2位小数用0.01，3位小数传0.001：

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

原文：https://www.cnblogs.com/wkyuan/p/11316777.html

踩

(0)

评论一句话评论（0）

分享档案

更多>