input標簽type為number時,輸入小數,在Firefox瀏覽器上輸入框標紅的問題


問題一:firefox 下 默認情況 <input   type="number"> 只允許輸入整數,輸入小數時會報錯,輸入框被標紅

這時候可以添加參數 step="0.01"  <input   type="number" step="0.01">解決問題!

 

問題二:input 屬性為 number,maxlength在任何瀏覽器上不起作用

如果是wap項目

方法一:如果該輸入框只要求輸入整數,可以使用type=tel代替,這時maxlength屬性就生效了
因為type=tel在移動端調用的鍵盤上沒有“.”這個鍵,所以該方法不適用可以輸入小數的情況

方法二:添加一個input方法,代碼如下,用下面的方法代替maxlength
<input type="number" oninput="if(value.length>10)value=value.slice(0,10)" />


免責聲明!

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



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