首先来了解一下 表单自动填充的原理,当我们登录的时候,如果选择的记住登录密码,那么后续界面中如果有
<input type="text" name="field1">
<input type="password" name="field2">
这样的两个 input(text+password)接在一起,那浏览器就会自动填充登录时的输入。
<input autocomplete="off">
这个方案对于 FireFox 和一些老版本的 Chrome 是可以的,但在较新的 Chrome 中不行。
用假的input让浏览器去填充
在页面 <body>
后加入:
<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>
这个方案原理是让浏览器去填充用户实际上看不到的 input。虽然看上去代码比较 low,但是很实用。