糾結了一段時間都沒找出方法,最后靈光一現想出這個方法,沒想到測試下果然成功了!
看目前網上幾乎很難找到相對應的解決方法,所以這里分享出來,如果有更佳方法歡迎提出。
方法如下:
<input type="number" step="0.01" />
在input標簽中添加step屬性,此例子中將step設為”0.01”,即可以輸入含兩位小數的數字。(僅輸入含一位小數或整數也可)
可以自行修改step值來修改精確度。
關於Html5中<input type="number" name="points" min="1" max="10" />只能輸入整數的問題
<input type="number" name="points" min="1" max="10" />
使用這句話時,輸入框只能輸入整數,要想輸入小數,我們可以這樣修改:
<input type="number" value="1" min="0.0" step="0.1">
例如上句,最小值為0,每一步步長為0.1,既可以輸入0.1 0.2 0.3等等,沒有最大值。則實現了既能輸入整數,又能輸入一位小數的輸入框驗證,如果多位小數,可以再把步長縮小,如0.01等等。