如何防止 HTML 表单上的浏览器自动填充功能？

Posted 2023-03-05

【中文标题】如何防止 HTML 表单上的浏览器自动填充功能？

【英文标题】：How to prevent browser autofill feature on HTML form?

【发布时间】：2021-05-27 08:24:51

【问题描述】：

我不是在谈论字段 autocomplete（当您单击表单的文本框时，您会看到一个包含先前输入值列表的下拉菜单），而是关于浏览器 autofill使用浏览器之前保存的个人数据（名字、名字、地址、组织、电话、电子邮件等）填写表格的功能。在 chrome 中，可以在此处管理自动填充：chrome://settings/autofill

人们交替使用术语自动完成和自动填充，这增加了混乱（我在谷歌上搜索到死）。每个人都在谈论将autocomplete="off" 添加到您的表单或表单输入元素中。这适用于禁用自动完成功能，但浏览器的自动填充功能仍然有效。

例如，当我单击电话或电子邮件字段时，我会看到包含以前“条目”的下拉列表，单击任何条目都会填写表单中的多个字段。

有没有办法在设计表单时禁用自动填充？

【问题讨论】：

这能回答你的问题吗？ Disabling Chrome Autofill

它没有。我以前看过那个帖子。很多答案已经过时，或者只是将自动完成和自动填充功能视为一回事。

@bobetko 你得到解决方案了吗？我也面临同样的问题，几乎所有的解决方案都在谈论解决方法。我没有看到任何解决方案。

【参考方案1】：

对于低于 Chrome88 的 Chrome 版本，您应该使用 autocomplete="chrome-off"，之后 autocomplete="off" 应该停止自动填充（实际上是在今年 1 月实施的）。

【参考方案2】：

放置标签以防止自动填充表单：

<form autocomplete="off" />