需求说明:
用户手机聚焦input后,弹出数字键盘,可以正常输入11位手机号,也可以从电话本复制电话号然后直接执行粘贴操作。
问题说明:
1.input聚焦时弹出数字键盘,type=number时,安卓正常,ios无效。
2.当input type 为number时,input加maxlength限制长度属性无效。
3.ios上粘贴电话号到input中会有空格,且获取不到数据。
问题解决:
1.因为手机号都是数字,为了方便用户体验,我们会选择input聚焦时,手机上直接弹出数字键盘,此时,input type类型应该为:number,设置此属性后,安卓上能够正常显示数字键盘,但是ios不行,此时,需要再加上一个属性:pattern="\d*",pattern用于规定输入内容的模式和格式,加上这两个属性,就可以正常弹出数字键盘,但是ios数字键盘上没有小数点。
示例:
<input type="number“ pattern="\d*" />
2.当用户进行手机号输入时,我们想限制用户输入的位数,这时,可以用到maxlength属性,这一