项目中需要用户输入一些隐秘信息,使用input的密码类型后发现总是会自动填充浏览器保存的账户信息,所以需要对此做处理,查了一下后说input的autocomplete属性设置为off可以,但是经测试发现不行,又有说还需要设置name属性,发现还是不行,最后想到一种障眼法,就是写两个一样的输入框,把其中一个隐藏掉,最好再设置一样的name值,这样浏览器就不知道要填充哪个了,从而达到防止账号自动填充的效果。
补充:以上方法大多浏览器可以实现,目前发现360 浏览器不兼容这样处理,因为其他浏览器是从第一个input定位的,而360浏览器刚好相反,是从最后一个input开始定位的,所以需要在真实的输入框后面再加一个隐藏的input,也就是说需要在密码类型的input前面和后面分别加一个隐藏的一样的input。
如果有更好的办法欢迎留言。。。