了解Firefox（我认为只有Firefox）使用了一个名为ismxfilld的值，该值基本上强制自动完成，这一点很重要。

ismxfilld=“0”表示关闭

or

ismxfilld=“1”表示开启

在这次谈话中，没有一个解决方案对我有效。

我终于找到了一个纯HTML解决方案，它不需要任何JavaScript，可以在现代浏览器中工作（除了Internet Explorer；至少要有一个捕获，对吗？），并且不需要对整个表单禁用自动完成。

只需关闭表单上的自动完成功能，然后为您希望在表单中工作的任何输入打开它。例如：

<form autocomplete="off">
    <!-- These inputs will not allow autocomplete and Chrome
         won't highlight them yellow! -->
    <input name="username"  />
    <input name="password" type="password" />
    <!-- This field will allow autocomplete to work even
         though we've disabled it on the form -->
    <input name="another_field" autocomplete="on" />
</form>

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

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

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

form

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

输入

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

我的jQuery解决方案。它可能不是100%可靠，但它对我有用。这个想法在代码注释中描述。

/***防止字段自动填充字段。*当关注具有自动完成功能的文本字段（值为：“off”、“none”、“false”）时，我们将该值替换为新的唯一值（此处为-“off forced-[TIMESTAMP]”），*浏览器在保存的值中找不到这种类型的自动完成，并且不提供选项。*然后，为了防止输入的文本保存在浏览器中，以便进行新的唯一自动完成，当字段失去焦点或用户按下Enter键时，我们将其替换为先前设置的文本。*@type｛｛init:*｝｝*/var PreventFieldsAutofill=（函数（）{函数init（）{events.onPageStart（）；}var事件={onPageStart:函数（）{$（document）.on（'fous'，'输入[autocomplete=“off”]，输入[autocomplete=“none”]，input[autocomplete=“false”]'，函数（）{methods.replaceAttrs（$（this））；});$（document）.on（'blur'，'input[data prev autocomplete]'，函数（）{methods.returnAttrs（$（this））；});$（document）.on（'keydown'，'input[data prev autocomplete]'，函数（事件）{if（event.keyCode==13 | | event.which==13）{methods.returnAttrs（$（this））；}});$（document）.on（'submit'，'form'，函数（）{$（this）.find（'input[data prev autocomplete]'）.each（函数（）{methods.returnAttrs（$（this））；});});}};var方法={/***将autocomplete和name属性的值替换为unique，并将原始值保存为新的数据属性*@param$输入*/replaceAttrs:函数（$input）{var randomString='off-forced-'+Date.now（）；$input.attr（'data-prev-autocomplete'，$input.aattr（'自动完成'））；$input.attr（'自动完成'，随机字符串）；if（$input.attr（'name'））{$input.attr（'data-prev-name'，$input.atr（'name'））；$input.attr（'name'，randomString）；}},/***恢复原始自动完成和名称值，以防止在浏览器中保存文本以获取唯一值*@param$输入*/returnAttrs:函数（$input）{$input.attr（'自动完成'，$input.atr（'数据-版本-自动完成'））；$input.removeAttr（'data-prev-autocomplete'）；if（$input.attr（'data-prev-name'））{$input.attr（'name'，$input.atr（'data-prev-name'））；$input.removeAttr（'data-prev-name'）；}}};返回{init：初始化}})();PreventFieldsAutofill.init（）；.输入{显示：块；宽度：90%；填充：6px 12px；字体大小：14px；线高：1.42857143；颜色：#555555；背景色：#fff；背景图像：无；边框：1px实心#ccc；边界半径：4px；}<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js“></script><form action=“#”><p><label for=“input-1”>Firts name without autocomplete</label><br/><input id=“input-1”class=“input”type=“text”name=“first name”autocomplete=“off”placeholder=“Firts name without autocomplete”/></p><p><label for=“input-2”>Firts name with autocomplete</label><br/><input id=“input-2”class=“input”type=“text”name=“first name”autocomplete=“given name”placeholder=“Firts name with autocomplete”/></p><p><button type=“submit”>提交表单</button></p></form>

大多数答案都没有帮助，因为浏览器只是忽略了它们。（其中一些不兼容跨浏览器）。对我有效的修复方法是：

<form autocomplete="off">
    <input type="text" autocomplete="new-password" />
    <input type="password" autocomplete="new-password" />
</form>

我在表单标签上设置autofill=“off”，在不需要自动填充的地方设置autofil=“new password”。

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

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

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

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

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