禁用 Chrome 自动填充信用卡功能

Question

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

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

- Nait

Answer 1

我终于找到了一个解决方法！将自动填充属性设置为 "cc-csc"。这个值是信用卡的CSC，他们不能存储它！（目前还不能...）

autocomplete="cc-csc"

- Guido

---

这基本上是有效的。它可以阻止 Chrome 尝试自动填充信用卡号码，但仍然会尝试自动完成我之前在其他输入框中键入的文本。它使用输入框的名称和 ID 属性来确定要建议的值。为了解决这个问题，请确保所有输入框都包含在一个带有 autocomplete="off" 属性的 <form> 标签中。 - matthew_360

@Guido OMG，你不知道我为了绕过愚蠢的Chrome自动填充我的信用卡信息输入框而搜索了多长时间。非常感激你！ - Max Vlaschuk-Gorelik

谢谢 Peter 的帮助，它完美地运行了！ - Cristian Rennella

Answer 2

我曾遇到同样的问题，并通过更改以下内容解决了问题：

<input type="text" ...>

到

<input type="email" ...>

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

或者

<input type="search" ...>

这将把用户键盘上的“确认按钮”更改为“搜索按钮”。与之前的解决方案相比，它不太直观。

- José Augustinho

Answer 3

谷歌浏览器要求至少有一个带有autocomplete="on"属性的输入框才能与其他输入框一起使用'off'。因此，您可以使用以下技巧：

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

- Вадим Булах

Answer 4

你尝试过吗：

autocomplete="nope"

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

在某些情况下，即使将自动完成属性设置为关闭，浏览器仍会继续建议自动完成值。这种意外的行为对于开发人员来说可能非常令人困惑。真正强制不自动完成的诀窍是将一个随机字符串分配给该属性 --- https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion。

- Carlene

---

很遗憾，它不再起作用了。我进行了一些研究，并发现只有最终用户通过在Chrome设置中输入某些内容才能完成此操作。 - muratgozel

Answer 5

我曾经遇到过同样的问题，结果最终采用了这种方法：

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

type="search" 是唯一一个对我有效的（来自 José 的回答）。

enterkeyhint="go" 可以从虚拟键盘上的“输入”按钮中移除 search 或放大镜图标。

- simlmx