禁止浏览器自动填充到表单

有一个登录页，有一个新建用户页。他们都有form表单，有username和password 两个input。

在登录页的时候浏览器记住了密码，如果去到新建用户页则 username 和 password 会被自动填充上去。

解决的方法：

使用 autocomplete 属性

在不需要自动填充的 input 上设置 autocomplete 属性：

<input autocomplete="off">

这个方案对于 FireFox 和一些老版本的 Chrome 是可以的，但在较新的 Chrome 中不行

解决：

使用假的 input 让浏览器去填充

<input style="display:none">
<input type="text" id="password"  name="password"  autocomplete="off">

这个方法对于新版本的Chrome 还是失败

解决：

去掉style=”display:none” 同时 让input 看不到

<form>
<input type="password" style={{position: 'absolute', top: '-999px'}}/>
<input type="text" name="username"/>
<input type="password" name="password"/>
</form>