H5 input輸入限制最大位數,和調用小鍵盤需求發生沖突的解決辦法


首先,限制輸入最大位數時,input有自帶的屬性maxlength。

<input type="text" name="email" maxlength="55" />

使用方法:maxlength="位數"

但是,對於這個屬性他是有自己的限制條件的

定義和用法
maxlength 屬性規定輸入字段的最大長度,以字符個數計。

maxlength 屬性與 <input type="text"><input type="password"> 配合使用。

實際開發過程中,需求和理想狀態是有差距的,限制位數的輸入多為限制數字,比如金額,只個時候我們既要約束輸入類型,同時還要限制位數。

在前輩的知道下,搭配tel屬性可以實現效果,在手機上打開,激活輸入框默認調用數字鍵盤。

 <input id="money" maxlength="8" type="tel" placeholder="50000" style="color:#333" />

 


免責聲明!

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



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