type為number的input標簽輸入小數的方法


糾結了一段時間都沒找出方法,最后靈光一現想出這個方法,沒想到測試下果然成功了! 
看目前網上幾乎很難找到相對應的解決方法,所以這里分享出來,如果有更佳方法歡迎提出。

方法如下:

<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等等。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM