最近在项目中遇到一个问题,点击登录注册弹框的时候Google浏览器的自动填充功能会将用户保存的用户名密码填充上去。登录界面自动填充没问题,但是注册界面可以自动填充个人觉得业务逻辑就有问题,并且其填充的还是错位的,如下图。
按照饿了么上面的属性,我将autocomplete设置为off,auto-complete设置为off,autoComplete设置为false通通不管用。此处的autoComplete是我在源码中看到的,反正就是着急了一顿鸡儿用。通通不管用。因为谷歌不认同autocompelete这个属性,所以使用了也没有用。
这个问题的根本原因是Google浏览器如果检测到你的代码中有text的input和password的input前后连接出现,他就会给你进行自动填充。所以我在本来他要填充的两个input之间间加一个text,password的input框并且给他们加一个页面不显示,但是浏览器可以监听到的样式**(style=“position: fixed;bottom: -9999px;”)**。这样他会把数据显示在那两input中。
<el-input style="position: fixed;bottom: -9999px;" class="code-input" type="text"></el-input>
<el-input style="position: fixed;bottom: -9999px;" type="password"></el-input>
这两个的样式貌似可以不写,具体也没试过。然后就可以了,效果如下图。