H5 input输入限制最大位数,和调用小键盘需求发生冲突的解决办法

首先,限制输入最大位数时,input有自带的属性maxlength。

代码语言:javascript复制使用方法:maxlength="位数"

但是,对于这个属性他是有自己的限制条件的

代码语言:javascript复制定义和用法

maxlength 属性规定输入字段的最大长度,以字符个数计。

maxlength 属性与 配合使用。实际开发过程中,需求和理想状态是有差距的,限制位数的输入多为限制数字,比如金额,只个时候我们既要约束输入类型,同时还要限制位数。

在前辈的知道下,搭配tel属性可以实现效果,在手机上打开,激活输入框默认调用数字键盘。

代码语言:javascript复制

2024年最新:台灣、日本、美國買鞋網站TOP 15,就算加上國際運費還是划算!|PopDaily 波波黛莉 什麼地方買球鞋最便宜
剑姬打瑞文 国服最强上单无双剑姬对线锐雯怎么打