HTML Number 类型的 input 输入框中输入浮点数

2019独角兽企业重金招聘Python工程师标准>>>

在 HTML5 中，input 元素有了一个好用的 type: Number，当我们把一个 input 设置为 Number 类型以后，它就可以接收 max、min 等参数设置最大值最小值，达到原生表单控制的目的：

控制输入整数：<input type="number"  min="1" max="500" > 
但是这么一弄，问题来了，当我们输入浮点型的数字时就会报错，难道它只能接收整数吗？显然不是的，他不光可以接受浮点型，还可以控制输入到小数点后几位，以及每次增加的步幅（step），当我们需要精确到小数点后两位时，只要把 step 设置为 0.01 即可：

输入金额<input type="number"  min="1.00" max="500.00" step="0.01" >

 

 

 

 

参阅：http://interjc.net/i/1647

转载于:https://my.oschina.net/u/3625745/blog/1798256