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

正常代码:

<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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,650评论 1 45
  • 可复制的领导力,第四次课:目标设定,一个人如果没有目标就会没有方向,所以说未来你自己要成为什么样的人,首先给自己设...
    美女5阅读 564评论 6 0
  • 之前在网上搜抹茶功效的时候,总有这个名称跳出来,不知道是什么意思,也没具体参考过,直到有一天,同事送来两包,说给你...
    睿妈霞姐阅读 402评论 0 0
  • 班主任要求延长放学时间的提议并没有通过,说到底并不是所有的老师都原谅无条件加班。她就自己在班里宣布所有的同学以前半...
    雪团团阅读 345评论 0 2