你的位置:首页 > 网页设计

[网页设计]autocomplete=off 不起作用


首先来了解一下 表单自动填充的原理,当我们登录的时候,如果选择的记住登录密码,那么后续界面中如果有

 <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,但是很实用。