关于谷歌浏览器下自动填写密码的bug

有的时候我们需要用到h5中input的新类型,type=password 这个可以很好的将输入的内容变成圆点,但是这样做也有一个小bug就是在某些我们不希望自动保存密码的页面中,也会出现浏览器自动帮我们填入密码,比如修改密码页面中

这个旧密码的输入框只要鼠标焦点失去时为空就会帮我们自动填入一个密码,你还不知道帮你填的是你什么时候保存过的,就连清楚浏览器缓存都不行,实在很烦人,那么如果避免这个小bug呢,那就是不用password

这其实有很多办法,最简单的方法是这么写

<input type=text onfocus="this.type=password">

  这样在dom渲染时,浏览器为把起作为text,而不会自动填写我们自动保存的密码,然后在输入的时候会改为password类型,所以是密文的形式

当然,你也可以做两个text的input框,一个用来显示用户输入的show,以及一个hide的input框,将用户输入的val同步保存到该输入框中,然后在通过change事件将用户输入框中的内容替换为*。

或者就是找到(尤其是谷歌浏览器中)保存密码的原理和位置,然后对症下药,不过我是不太清楚,毕竟代码新人嘛

原文地址:https://www.cnblogs.com/weblv/p/5787059.html