禁用 Chrome 自动填充信用卡答案

【问题标题】：Disable Chrome Autofill creditcard禁用 Chrome 自动填充信用卡
【发布时间】：2016-10-02 09:13:47
【问题描述】：

我的表单中有两个字段被 Chrome 错误地识别为信用卡号码（一个是电话号码，一个是传真号码）。还有两个名字字段，Chrome 认为是信用卡名称字段并希望自动填充。我可以在这些元素上使用一些属性来告诉 Chrome 它们实际上与信用卡无关吗？

我尝试在输入上设置 autocomplete="false"。这删除了地址/联系信息的自动填充选项，但信用卡选项仍然存在。

【问题讨论】：

标签： forms google-chrome autofill

【解决方案1】：

你试过了吗：

autocomplete="nope"

乍一看，这可能看起来很傻，但是...

在某些情况下，浏览器会不断提示自动完成值即使自动完成属性设置为关闭。这出乎意料行为对于开发人员来说可能非常令人费解。真正的诀窍强制不自动完成是为属性---https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

【讨论】：

不幸的是不再起作用了。我做了一些研究，发现只有最终用户通过在 chrome 设置中输入某处来完成此操作。 ?

【解决方案2】：

我终于找到了解决方法！将自动完成属性设置为“cc-csc”。该值是信用卡的CSC，不允许存储！（暂时……）

autocomplete="cc-csc"

【讨论】：

这很有效。它阻止 chrome 尝试自动填充信用卡号，但它仍在尝试使用我之前在其他输入中键入的文本自动完成。它使用输入上的 name 和 id 属性来确定要建议的值。为了解决这个问题，请确保所有输入都包含在一个
标记中，该标记上带有 autocomplete="off"
@Guido OMG，您不知道我为愚蠢的 Chrome 寻找解决方法多长时间，以停止在输入字段中填写我的信用卡详细信息。你有我最大的感谢！

【解决方案3】：

我有同样的问题并通过更改解决了问题：

<input type="text" ...>

到

<input type="email" ...>

这将在用户键盘上添加“@”，但没问题。

或者

<input type="search" ...>

这会将用户键盘上的“确认按钮”更改为“搜索按钮”。它不如以前的解决方案那么直观。

【讨论】：

【解决方案4】：

Chrome 至少需要一个具有 autocomplete="on" 属性的输入才能与其他输入一起使用“off”。所以你可以做一个技巧：

<input autocomplete="on" style="opacity: 0; position: absolute; pointer-events: none">
<input autocomplete="off" type="text">
...

【讨论】：

【解决方案5】：

我遇到了同样的问题，最后解决了这个问题：

<input
  type="search"
  enterkeyhint="go"
/>

type="search" 是唯一一个似乎对我有用（取自José's answer）。

enterkeyhint="go" 删除了虚拟键盘上“输入”按钮上的search 或放大镜。

【讨论】：