WebKit 特定属性，用于禁用某个字段的 AutoFill 功能答案

【问题标题】：WebKit-specific attribute to disable the AutoFill function on a certain fieldWebKit 特定属性，用于禁用某个字段的 AutoFill 功能
【发布时间】：2023-03-06 23:33:01
【问题描述】：

是否有某种属性会阻止某个 HTML <input> 上的 Safari 和 Chrome 的地址和联系信息。

我的一个表单中有一个EmailSubject 字段，Safari（iOS 和 dekstop）将其视为 email 输入并在该字段中输入用户的电子邮件地址。

我绝对不想禁用autocomplete，甚至不是只在WebKit 浏览器上禁用它的jQuery 代码，只是为input 本身寻找某种内置的WebKit 属性。 Google 在这方面无能为力。

【问题讨论】：

您是否尝试过将名称从 emailSubject 更改为仅主题，或者不会触发自动完成的内容？
我也想知道怎么做。我们使用名为“电子邮件”的隐藏字段作为机器人的蜜罐，但 Chrome 也会在使用自动填充时填写此字段，这会破坏我们为用户提供的表单。

标签： input autocomplete safari webkit autofill

【解决方案1】：

有时我会在 Chrome 和 Safari 上注意到这种奇怪的行为，当密码字段以相同的形式出现时。我猜，浏览器会寻找密码字段来插入您保存的凭据。然后它自动填充（只是根据观察猜测）最近的文本输入字段，该字段出现在 DOM 中的密码字段之前。这也可能出现在电子邮件、家庭住址等。由于浏览器是最后一个实例，您无法控制它，有时即使 autocomplete=off 也不会阻止填写凭据。这个只读修复对我有用。

 <!-- fix browser address/password etc fill in: 
     set readonly and set writeble on focus (click and tab) -->
 <input type="search" readonly  
     onfocus="$(this).removeAttr('readonly');"/>

【讨论】：