这对我来说就像一种魅力。

将表单的自动完成属性设置为关闭添加虚拟输入字段，并将其属性设置为禁用。

<form autocomplete=“off”><input-type=“text”autocomplete=“off”style=“display:none”></form>

始终有效的解决方案

我用随机字符解决了与谷歌Chrome的无休止斗争。当您总是使用随机字符串呈现自动完成时，它将永远不会记住任何内容。

<input name="name" type="text" autocomplete="rutjfkde">

希望这对其他人有所帮助。

2022年更新：

Chrome做出了这一改进：autocomplete=“新密码”，这将解决这个问题，但我不确定，如果一段时间后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很聪明；如果你写

autocomplete="randomstring" or autocomplete="rutjfkde"

它会自动将其转换为

autocomplete="off"

当输入控件接收到焦点时。

所以，我使用jQuery完成了这项工作，我的解决方案如下。

$("input[type=text], input[type=number], input[type=email], input[type=password]").focus(function (e) {
    $(this).attr("autocomplete", "new-password");
})

这是最简单的，对于表单上的任何数量的控件都可以做到。

这适用于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在自动填充方面的丑陋行为。

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