type为number的input标签输入小数的方法

https://www.cnblogs.com/bluealine/p/7992305.htmlphp

纠结了一段时间都没找出方法,最后灵光一现想出这个方法,没想到测试下果真成功了! 
看目前网上几乎很难找到相对应的解决方法,因此这里分享出来,若是有更佳方法欢迎提出。html

方法以下:测试

1
<input type= "number"  step= "0.01"  />

在input标签中添加step属性,此例子中将step设为”0.01”,便可以输入含两位小数的数字。(仅输入含一位小数或整数也可) 
能够自行修改step值来修改精确度。spa

关于Html5中<input type="number" name="points" min="1" max="10" />只能输入整数的问题

1
<input type= "number"  name= "points"  min= "1"  max= "10"  />

使用这句话时,输入框只能输入整数,要想输入小数,咱们能够这样修改:code

1
<input type= "number"  value= "1"   min= "0.0"  step= "0.1" >

例如上句,最小值为0,每一步步长为0.1,既能够输入0.1 0.2 0.3等等,没有最大值。则实现了既能输入整数,又能输入一位小数的输入框验证,若是多位小数,能够再把步长缩小,如0.01等等。htm

相关文章
相关标签/搜索