我真不敢相信，这件事被报道了这么久，仍然是一个问题。以前的解决方案对我来说不起作用，因为Safari似乎知道元素何时不显示或不在屏幕上，但下面的解决方案确实对我起作用：

<div style="height:0px; overflow:hidden; ">
  Username <input type="text" name="fake_safari_username" >
  Password <input type="password" name="fake_safari_password">
</div>

<form name="form1" id="form1" method="post"
      autocomplete="off" action="http://www.example.com/form.cgi">

这将在Internet Explorer和Mozilla Firefox中运行。缺点是它不是XHTML标准。

有很多答案，但大多数都是破解或某种变通方法。

这里有三个案例。

案例一：如果这是你的标准登录表单。无论如何关闭它都可能是不好的。如果你真的需要这样做，请仔细考虑。用户习惯于浏览器记住和存储密码。在大多数情况下，你不应该改变这种标准行为。

如果你仍然想这样做，请参阅案例三

案例二：如果这不是您的常规登录表单，但输入的名称或id属性不是“像”电子邮件、登录名、用户名、用户名和密码。

Use

<input type="text" name="yoda" autocomplete="off">

案例三：如果这不是您的常规登录表单，但输入的名称或id属性是“类似”电子邮件、登录名、用户名、用户名和密码。

例如：登录，abc_login，密码，some_password，password_field。

所有浏览器都带有密码管理功能，可以记住密码或建议使用更强的密码。他们就是这样做的。

然而，假设你是一个网站的管理员，可以创建用户并设置他们的密码。在这种情况下，您不希望浏览器提供这些功能。

在这种情况下，autocomplete=“off”将不起作用。使用autocomplete=“新密码”

<input type="text" name="yoda" autocomplete="new-password">

有用链接：

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

这对我有用。

<input name="pass" type="password" autocomplete="new-password" />

我们也可以在文本、选择等其他控件中使用此策略

只需设置autocomplete=“off”。这样做有一个很好的理由：您希望提供自己的自动完成功能！

我的问题主要是Chrome自动填充，但我认为这可能比自动完成问题更大。

技巧：使用计时器重置表单并将密码字段设置为空白。100毫秒的持续时间似乎是它工作的最短时间。

$(document).ready(function() {
    setTimeout(function() {
        var $form = $('#formId');
        $form[0].reset();
        $form.find('INPUT[type=password]').val('');
    }, 100);
});