H5 input输入限制最大位数,和调用小键盘需求发生冲突的解决办法
生活随笔
收集整理的這篇文章主要介紹了
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" /> 元?
更多專業前端知識,請上 【猿2048】www.mk2048.com 創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎
總結
以上是生活随笔為你收集整理的H5 input输入限制最大位数,和调用小键盘需求发生冲突的解决办法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS border-radius边框圆
- 下一篇: JQuery Ajax 使用FormDa