首先,限制輸入最大位數時,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" /> 元