H5 input输入限制最大位数,和调用小键盘需求发生冲突的解决办法
程序员文章站
2022-04-19 13:25:39
首先,限制输入最大位数时,input有自带的属性maxlength。 使用方法:maxlength="位数" 但是,对于这个属性他是有自己的限制条件的 实际开发过程中,需求和理想状态是有差距的,限制位数的输入多为限制数字,比如金额,只个时候我们既要约束输入类型,同时还要限制位数。 在前辈的知道下,搭 ......
首先,限制输入最大位数时,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" /> 元
上一篇: 荐 vue基础及高级用法(一)
下一篇: 简述Java创建线程的两种方式