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

相關文章
相關標籤/搜索