要防止浏览器自动填充用户保存的站点登录凭据，请在表单顶部放置一个文本和密码输入字段，该字段具有非空值，并设置样式“position:aabsolute；top:-999px；left:-999px”以隐藏字段。

<form>
  <input type="text" name="username_X" value="-" tabindex="-1" aria-hidden="true" style="position: absolute; top: -999px; left:-999px" />
  <input type="password" name="password_X" value="-" tabindex="-1" aria-hidden="true" style="position: absolute; top: -999px; left:-999px" />
  <!-- Place the form elements below here. -->
</form>

在密码字段之前有一个文本字段很重要。否则，在某些情况下可能无法阻止自动填充。

重要的是文本和密码字段的值不能为空，以防止在某些情况下覆盖默认值。

这两个字段必须在表单中的“真实”密码类型字段之前。

对于兼容html 5.3的较新浏览器，自动完成属性值“新密码”应该有效。

<form>
  <input type="text" name="username" value="" />
  <input type="password" name="password" value="" autocomplete="new-password" />
</form>

这两种方法的组合可用于支持较旧和较新的浏览器。

<form>
  <div style="display:none">
    <input type="text" readonly tabindex="-1" />
    <input type="password" readonly tabindex="-1" />
  </div>
  <!-- Place the form elements below here. -->
  <input type="text" name="username" value="" />
  <input type="password" name="password" value="" autocomplete="new-password" />
</form>

我已经解决了在页面加载后放置此代码的问题：

<script>
var randomicAtomic = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
  $('input[type=text]').attr('autocomplete',randomicAtomic);
</script>

在相关的或实际上，在完全相反的注释上-

“如果您是上述表单的用户，并希望重新启用自动完成功能，使用“记住密码”来自此bookmarklets的bookmarklet页它会删除页面上所有表单的所有autocomplete=“off”属性。保持好好战斗！"

截至2019年12月：

在回答这个问题之前，让我说，我在SO和不同论坛上尝试了几乎所有的答案，但没有找到适用于所有现代浏览器和IE11的解决方案。

这是我找到的解决方案，我相信这篇文章中还没有讨论或提及。

根据Mozilla开发网络（MDN）关于如何关闭表单自动完成的帖子

默认情况下，浏览器会记住用户通过网站上的字段提交的信息。这使浏览器能够提供自动补全（即，为用户已开始键入的字段建议可能的补全）或自动填充（即，在加载时预先填充某些字段）

在同一篇文章中，他们讨论了自动完成属性的用法及其限制。正如我们所知，并不是所有的浏览器都按照我们的意愿来尊重这个属性。

解决方案

所以在文章的最后，他们分享了一个适用于所有浏览器的解决方案，包括IE11+Edge。它基本上是一个jQuery插件。这里是jQuery插件的链接及其工作原理。

代码段：

$(document).ready(function () {        
    $('#frmLogin').disableAutoFill({
        passwordField: '.password'
    });
});

在HTML中需要注意的是，密码字段的类型为文本，并应用密码类来标识该字段：

<input id="Password" name="Password" type="text" class="form-control password">

希望这能对某人有所帮助。

我刚刚遇到了这个问题，并尝试了几次失败，但这一次对我有效（在MDN上找到）：

在某些情况下，浏览器将继续建议自动完成值即使autocomplete属性设置为off。这是意外的对于开发人员来说，这种行为可能非常令人困惑。真正的诀窍强制无完成是将随机字符串分配给属性像这样：

autocomplete="nope"

浏览器忽略只读字段上的自动删除。这段代码使所有可写字段在聚焦之前都是只读的。

$（_=>{$（'form[autocomplete=off][name]:not（[readonly]）'）.map（（i，t）=>$（t）.prop（'autocomplete'，t.type=='密码'？'新密码'：'ope'）.prop；})<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><form method=“post”autocomplete=“off”><input name=“user”id=“user”required class=“表单控件”/><label class=“form label”for=“user”>新用户</label><小时><input type=“password”name=“pass”id=“pass“minlength=”8“maxlength=“20”/><label class=“form label”for=“pass”>新Passwort</label></form>