Chrome一直试图强制自动完成。所以你需要做一些事情。

输入字段的属性id和名称不需要是可识别的。所以没有姓名、电话、地址等值。

相邻的标签或div也需要不可识别。然而，您可能会想，用户如何知道？好吧，在使用内容后，您可以使用：：做一个有趣的小技巧。你可以将其设置为字母。

<label>Ph<span class='o'></span>ne</label>
<input id='phnbr' name='phnbr' type='text'>

<style>
  span.o {
    content: 'o';
  }
</style>

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

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

如果您在JavaScript中动态设置autocomplete=“off”，Safari不会改变对自动完成的看法。然而，如果您在每个字段的基础上执行此操作，则会受到尊重。

$(':input', $formElement).attr('autocomplete', 'off');

autocomplete='off'对我不起作用，无论如何，我将输入字段的value属性设置为一个空格，即<input-type='text'name='username'value=“”>，将默认输入字符设置为空格，由于用户名为空，密码也被清除。

要禁用表单中文本的自动完成，请使用和元素的自动完成属性。您需要该属性的“off”值。

这可以在完整表单或特定元素中完成：

将autocomplete=“off”添加到元素以禁用整个表单的自动完成。为表单的特定元素添加autocomplete=“off”。

form

<form action="#" method="GET" autocomplete="off">
</form>

输入

<input type="text" name="Name" placeholder="First Name" autocomplete="off">

在尝试了所有解决方案之后（有些解决方案部分奏效，禁用自动填充但不自动完成，有些根本不奏效），我找到了截至2020年的最佳解决方案，将type=“search”和autocomplete=“off”添加到输入元素中。这样地：

<input type="search" /> or <input type="search" autocomplete="off" />

还要确保表单元素具有autocomplete=“off”。这非常有效，并禁用自动完成和自动填充。

此外，如果您使用type=“email”或任何其他文本类型，则需要添加autocomplete=“new email”，这将完全禁用两者。type=“password”也是如此。只需将“new-”前缀与类型一起添加到自动完成中即可。这样地：

<input type="email" autocomplete="new-email" />
<input type="password" autocomplete="new-password" />