如果删除表单标记，则可以禁用自动完成。

我的银行也是这样做的，我想知道他们是怎么做到的。它甚至会删除删除标记后浏览器已经记住的值。

正如其他人所说，答案是autocomplete=“off”。

然而，我认为有必要说明为什么在某些情况下使用此选项是一个好主意，因为对此问题和重复问题的一些答案表明，最好不要关闭此选项。

停止存储信用卡号的浏览器不应该留给用户。太多的用户甚至不会意识到这是一个问题。

在信用卡安全码字段上关闭它尤为重要。如本页所述：

“永远不要存储安全码……它的价值取决于这样一种假设，即提供安全码的唯一方法是从实体信用卡中读取安全码，以证明提供该安全码的人实际上持有该卡。”

问题是，如果是公共计算机（网吧、图书馆等），其他用户很容易窃取您的卡信息，甚至在您自己的计算机上，恶意网站也可能窃取自动完成的数据。

我必须花了两天的时间来讨论这一问题，然后才能制定自己的解决方案：

首先，如果它适用于任务，则放弃输入并使用文本区域。据我所知，自动填充/自动完成在文本区域没有业务，就我们正在努力实现的目标而言，这是一个很好的开始。现在，您只需更改该元素的一些默认行为，使其充当输入。

接下来，您将希望将任何长条目保持在同一行上，如输入，并希望文本区域与光标一起沿y轴滚动。我们还想去掉调整大小框，因为我们正在尽力模拟输入的行为，而输入没有调整大小句柄。我们通过一些快速CSS实现了所有这些：

#您的文本区域{调整大小：无；overflow-y：隐藏；空白：nowrap；}

最后，您需要确保讨厌的滚动条不会出现，破坏聚会（对于那些特别长的条目），因此确保文本区域不会显示：

#您的文本区域：：-webkit滚动条{显示：无；}

轻松点。此解决方案没有自动完成问题。

这个问题只需要自动完成属性您可以访问此页面了解更多信息

<input type="text" name="foo" autocomplete="off" />

（它在2021适用于Chrome（v88、89、90）、Firefox、Brave和Safari。）这里已经写过的旧答案将经过反复尝试，但大多数他们没有链接到任何官方文档或Chrome对此的评论课题

问题中提到的问题是因为Chrome的自动填充功能，这是Chrome在这个bug链接中的立场-问题468153：autocomplete=off在非登录INPUT元素上被忽略，注释160

简单地说，有两种情况-

[案例1]：您的输入类型不是密码。在这种情况下，解决方案很简单，有三个步骤。将name属性添加到输入name不应以电子邮件或用户名之类的值开头。否则Chrome仍然会显示下拉列表。例如，name=“emailToDelete”显示下拉列表，但name=“to delete email”不显示。这同样适用于autocomplete属性。添加autocomplete属性，并添加一个对您有意义的值，如新字段名

它将看起来像这样，并且在您的余生中不会再次看到该输入的自动填充-

  <input type="text/number/something-other-than-password" name="x-field-1" autocomplete="new-field-1" />

[案例2]：输入类型为密码好吧，在这种情况下，无论您的试用如何，Chrome都会向您显示管理密码/使用现有密码的下拉列表。Firefox也会做一些类似的事情，其他所有主要浏览器也是如此。2.在这种情况下，如果你真的想阻止用户看到下拉列表来管理密码/看到安全生成的密码，你就必须使用JS来切换输入类型，正如这个问题的其他答案中提到的那样。

2有关关闭自动完成的详细MDN文档-如何关闭表单自动完成

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

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

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