大飞_dafei

导航

H5登录界面输入账号密码,在ios苹果微信手机上输入框上下闪烁问题

场景描述:
H5登录界面输入账号密码,在ios苹果微信手机上输入框上下闪烁问题
苹果手机的浏览器就有了自动填充密码的功能,具体来说就是一个手机号密码登录的页面,ios识别到当前页面有密码输入框,所以触发了自动填充密码的功能。

解决办法:
在2个输入框中间加个隐藏输入框

核心代码: <input type="text" value="" style=" opacity: 0; width: 0;height: 0; " />

<input type="number" v-model="phone" placeholder="请输入手机号" autoComplete="off" />
<input type="text" value="" style=" opacity: 0; width: 0;height: 0; " />
<input type="password" v-model="password" autoComplete="new-password" placeholder="请输入密码" />

账号密码相邻的输入框会引发ios的自动密码填充,需要对其进行阻断,在账号和密码之间设置一个隐藏的input 去阻断账号密码之间的联动

posted on 2024-11-05 13:42  大飞_dafei  阅读(19)  评论(0编辑  收藏  举报