在Chrome和Firefox上工作和测试成功的唯一解决方案是用一个具有autocomplete="off"的表单来包装输入，如下所示:

<form autocomplete="off">
   <input id="xyz" />
</form>

2020 年 3 月

我正面临着这个问题，不幸的是，没有一个解决方案对我有效。所以我用了这个小技巧，效果很好。

<input autocomplete="off" type="password" name="password" id="password" readonly="readonly">

$('#password').on('click', function (event) {
  $('#password').removeAttr('readonly');
  $('#password').focus();
});

$('#password').on('blur', function (event) {
  $('#password').attr('readonly', 'readonly');
});

当你点击密码输入字段，它开始显示建议，但当触发重点输入字段比它不显示建议，所以这就是我如何解决我的问题。

我希望它能帮助到一些人。

对任何想要解决这个问题的人来说，我终于明白了。

Chrome只服从的自动完成="off"如果页面是HTML5页面(我使用XHTML)。

我把我的页面转换成HTML5，问题就消失了(捂脸)。

我有一个非常简单的解决方案，这个问题不需要代码和一个可接受的解决方案。Chrome经常读取输入的标签并自动完成。您可以简单地在标签中插入一个“空”字符。

E.g. <label>Surname</labe>

Becomes: <label>Sur&#8205;name</label>

‍是“空字符串”的HTML转义字符。

这仍然会显示“姓氏”，但自动完成不会检测字段，并尝试自动完成它。

我最近遇到了这个问题，没有一个答案对我有用。在我的情况下，因为我不关心输入字段内嵌套的“形式”标签，我通过提供一个空的数据表输入修复chrome自动补全问题。所以现在chrome应该为你提供自动完成建议从“数据列表”是空的。请记住，如果输入嵌套在“form”标记中，此解决方案将不起作用。令人惊讶的是，除了这个技巧，其他什么都不管用。

<input type="text" autocomplete="off" list="emptyList" />
<datalist id="emptyList"></datalist>

你可以在这里了解更多关于数据列表的信息: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

考虑到浏览器兼容性，使用它似乎是安全的。

写一个2020年以上的答案，如果这对任何人都有帮助的话。我尝试了上面的许多组合，但在我的案例中，有一个关键的组合是缺失的。即使我一直保持autocomplete="nope"一个随机字符串，它并不为我工作，因为我有name属性缺失!

所以我保留了name='password' And autocomplete = "new-password"

对于用户名，我保留了name="usrid" //不要保留包含'用户'的字符串

and autocomplete = "new-password" //也一样，所以谷歌停止建议密码(管理密码下拉菜单)

这对我来说非常有效。 (我为Cordova/ionic使用的Android和iOS web视图做到了这一点)

<ion-input [type]="passwordType" name="password" class="input-form-placeholder" formControlName="model_password"
        autocomplete="new-password" [clearInput]="showClearInputIconForPassword">
</ion-input>