前言:最近,额,要记录下这个坑d的bug。解决了他又延伸出新的体验性问题。
那不算解决了对不对。下面来说说:
场景描述:iphone11输入框拉起软键盘,输入数字的时候toolbar闪烁,关键是别的苹果手机没复现。
原因是因为input type类型为tel,还有就是正则的一个属性 pattern="[0-9]*",
解决方案去掉就可以了。
接下来坑2:
如果有两个input上面是除hidden之外随便什么type类型的,紧挨着第二个input type是password,居然会受到password影响。
简直了。也是iphone11。
虽然可以通过一系列的js方法解决,但是体验性不太好,比如长度校验不会直接限制输入11位数字。
后来还是用js解决了 666。
<input class="ni" type="number" placeholder="请输入手机号码" οninput="if(value.length>11)value=value.slice(0,11);value=value.replace(/[^0-9]/g,'')" maxlength="11" id="xxx">