2022年9月

一些浏览器，如Google Chrome，甚至不关心autocomplete属性的值。停止获取建议的最佳方法是将输入的name属性更改为随时间变化的属性

截至2022年9月，浏览器将不提供一次性密码自动完成功能

所以我们可以使用otp作为域名。

<input name=“otp”>

如果您想阻止通用浏览器插件LastPass自动填充字段，可以将属性数据lpignore=“true”添加到此线程的其他建议中。请注意，这不仅适用于密码字段。

<input type="text" autocomplete="false" data-lpignore="true" />

前一段时间我也在尝试做同样的事情，但被难住了，因为我发现的所有建议都不适合我。结果是LastPass。

您可以在属性name how电子邮件地址中向表单添加名称，并生成电子邮件值。例如：

<form id="something-form">
  <input style="display: none" name="email" value="randomgeneratevalue"></input>
  <input type="password">
</form>

如果使用此方法，Google Chrome将无法插入自动填充密码。

这是自2021 5月起适用于所有浏览器的完美解决方案！

TL；博士

将输入字段名和字段ID重命名为非相关的名称，如“data_input_field_1”。然后添加&#8204；将字符插入标签的中间。这是一个非打印字符，因此您不会看到它，但它会诱使浏览器无法识别需要自动完成的字段，因此不会显示内置的自动完成小部件！

详细信息

几乎所有浏览器都使用字段的名称、id、占位符和标签的组合来确定字段是否属于一组地址字段，这些字段可以从自动完成中受益。因此，如果您有一个类似＜input type=“text”id=“address”name=“street_address”＞的字段，几乎所有浏览器都会将该字段解释为地址字段。因此，浏览器将显示其内置的自动完成小部件。梦想是使用属性autocomplete=“off”可以工作，不幸的是，现在大多数浏览器都不遵守请求。

因此，我们需要使用一些技巧来使浏览器不显示内置的自动完成小部件。我们这样做的方式是欺骗浏览器，使其相信该字段根本不是地址字段。

首先，将id和name属性重命名为不会泄露您正在处理的地址相关数据的属性。因此，与其使用＜input type=“text”id=“city input”name=“city”＞，不如使用类似的方式。浏览器不知道data_input_field_3代表什么。但你知道。

如果可能，不要使用占位符文本，因为大多数浏览器也会考虑到这一点。如果你必须使用占位符文本，那么你就必须发挥创意，确保你没有使用任何与地址参数本身相关的单词（如City）。使用类似“输入位置”的方法可以实现此目的。

最后一个参数是附加到字段的标签。然而，如果你像我一样，你可能希望保持标签完整，并向用户显示可识别的字段，如“地址”、“城市”、“州”、“国家”。好吧，好消息：你可以！实现这一点的最佳方法是插入零宽度非联接字符&#8204；，作为标签中的第二个字符。因此，将<label>City</label>替换为<label>C&#8204；城市</label>。这是一个非打印字符，因此您的用户将看到City，但浏览器将被欺骗，无法识别该字段！

任务完成！如果一切顺利，浏览器应该不再在这些字段上显示内置的地址自动完成小部件！

这适用于Chrome 84.0.4147.105

1.为密码字段分配文本类型并添加类，例如“fakepasswordtype”

<input type="text" class="fakepasswordtype" name="password1">
<input type="text" class="fakepasswordtype" name="password2">

2.然后在第一次输入完成时，使用jQuery将类型改回密码

jQuery(document).ready(function($) {
    $('.fakepasswordtype').on('input', function(e){
        $(this).prop('type', 'password');
    });
});

这阻止了Chrome在自动填充方面的丑陋行为。

我在一个表单上遇到了问题，其中包含用户名和电子邮件的输入字段，而电子邮件正好在用户名之后。Chrome会自动将我当前的网站用户名填入电子邮件字段，并将重点放在该字段上。这并不理想，因为它是一种向web应用程序添加新用户的表单。

看起来，如果您有两个输入，一个接一个，其中第一个输入的标签或ID中包含“用户名”或用户名，而下一个输入的商标或ID中则包含“电子邮件”一词，chrome将自动填充电子邮件字段。

对我来说，解决问题的是将输入的ID更改为不包含这些单词。我还必须设置标签的文本转换为空字符串，并使用javascript settimeout函数将标签更改回0.01秒后的状态。

setTimeout(function () { document.getElementById('id_of_email_input_label').innerHTML = 'Email:'; }, 10);

如果您遇到任何其他输入字段被错误自动填充的问题，我会尝试此方法。