input框输入类型为password时,IOS唤起数字键盘的问题。

input框输入类型为password时,IOS唤起数字键盘的问题。

teaxia
2019-11-22 / 0 评论 / 402 阅读 / 正在检测是否收录...

我们在做一个密码输入框的时候,模仿了6位支付密码输入的弹框输入。但是这6个密码框是6个单独的input。安卓下面没有发现什么问题,但是在IOS输入的时候,每输入一位数字,IOS会重新弹起键盘,并且重置键盘类型(英文输入和数字输入)。

如果把input的type类型改为tel或者number的时候,是可以做到软键盘弹出时候不来回切换键盘类型,但是输入框变成了明文,那么我们又想实现不让键盘切换,又要使用password类型怎么办呢?

 <input type="password"  pattern="[0-9]*" inputmode="numeric"> 

我们加上一个html5.1的新属性inputmode="numeric"

HTML 5.1 草稿包含 inputmode 属性,它已被设计以解决输入模式(如键盘)选择的具体问题,但它尚未实施。
尽管如此,您可以在将来使用它目前的HTML5.1不允许它为 type = password ,出于某种奇怪的原因

加上以后,解决了我们的这个问题。但是实际上效果并不是很好。个人还是建议以虚拟键盘和输入框的形式来进行模拟,而不是用input框来输入

0

评论 (0)

取消