我创建了一个使用标签框下拉的web应用程序。除了Chrome浏览器(Version 21.0.1180.89)，这在所有浏览器中都很有效。
尽管输入字段和表单字段都有autocomplete="off"属性，Chrome坚持显示该字段以前条目的下拉历史，这是删除标签框列表。
当前回答
看到chrome忽略autocomplete="off"，我用一个愚蠢的方法解决它，这是使用“假输入”来欺骗chrome填充它，而不是填充“真实的”一个。
例子:
<input type="text" name="username" style="display:none" value="fake input" />
<input type="text" name="username" value="real input"/>
Chrome将填充“假输入”，当提交时，服务器将采取“真实输入”的值。
其他回答
我在我的表单中的一个搜索字段也有类似的问题。无论是autocomplete= "false"还是autocomplete= "off"都不适合我。结果是，当你有aria-label属性在输入元素是设置为一些像城市或地址或类似的东西，chrome覆盖你所有的设置和显示自动完成无论如何
所以修复我所做的是从aria标签中删除城市部分，并提出一个不同的值。最后自动完成停止显示
我使用Chrome -版本64.0.3282.140(正式版本)(64位)，并使用以下代码和表单名称，它适用于我。
<form name="formNameHere">....</form>
<script type="text/javascript">
setTimeout(function(){
document.formNameHere.reset();
},500);
</script>
除了给它一个自动补全的假字段外，所有的解决方案都不起作用。我做了一个React组件来解决这个问题。
import React from 'react'
// Google Chrome stubbornly refuses to respect the autocomplete="off" HTML attribute so
// we have to give it a "fake" field for it to autocomplete that never gets "used".
const DontBeEvil = () => (
<div style={{ display: 'none' }}>
<input type="text" name="username" />
<input type="password" name="password" />
</div>
)
export default DontBeEvil
我发布这个答案是为了给这个问题带来一个更新的解决方案。 我目前使用的是Chrome 49，没有给出的答案。 我也在寻找一个解决方案与其他浏览器和以前的版本。
把这些代码放在表单的开头
<div style="display: none;">
<input type="text" autocomplete="new-password">
<input type="password" autocomplete="new-password">
</div>
然后，对于您的真实密码字段，使用
<input type="password" name="password" autocomplete="new-password">
如果这不再工作，或如果您遇到其他浏览器或版本的问题，请注释此答案。
批准:
Chrome浏览器:49 Firefox: 44,45 边缘:25 Internet Explorer: 11
对任何想要解决这个问题的人来说，我终于明白了。
Chrome只服从的自动完成="off"如果页面是HTML5页面(我使用XHTML)。
我把我的页面转换成HTML5，问题就消失了(捂脸)。
