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

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

<form>
    <input type="text" name="username"/>
    <input type="password" name="password"/>
</form>

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

问题是,在新建用户页如何让浏览器不自动填充?(只考虑最新chrome)

其中查了资料http://www.jianshu.com/p/9da6...,用了display:none不生效。在chrome还是会自动填充。

----------分割线----------
已解决。
在前面加一个 <input type="password"/> 并设置css让不在页面中出现即可。

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

----------分割线----------

so,浏览器的自动填充原理是啥?

阅读 27k
评论
    11 个回答
    • 2
    • 新人请关照

    加个 value=""就可以了,