其他分享
首页 > 其他分享> > 移动端苹果手机的input框type= number只是唤起数字键盘,但是还能输入汉字

移动端苹果手机的input框type= number只是唤起数字键盘,但是还能输入汉字

作者:互联网

1、今天临下班之前测试突然测出这个BUG,一开始还觉得纳闷,input已经设置成number了啊,为啥还是可以输入汉字,效果复现之后,蒙蔽了,WC;

   搜了很多资料发现只有IOS才有这个问题,试了好几种办法,一开始使用正则替换发现并没有什么效果,后来有加了pattern="[0-9]*"发现也没什么效果;  

2、最终解决办法

 <input class="effect-16" type="tel" pattern="[0-9]*"  v-model.number="" @blur="effectActive($event)"  @input="inputLoad">

  

标签:效果,数字键盘,汉字,number,input,输入
来源: https://www.cnblogs.com/patriot/p/12489338.html