Forms 禁用Chrome自动填充信用卡

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

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

您尝试过：

autocomplete="nope"

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

在某些情况下，浏览器会不断建议自动完成值 即使“自动完成”属性设置为“关闭”。这出乎意料 对于开发人员来说，行为可能相当令人费解。真正 强制不自动完成是将随机字符串分配给 属性--

---

我终于找到了解决办法！将autocomplete属性设置为“cc csc”，该值是信用卡的CVC，不允许他们存储它！（目前…）

---

autocomplete=“cc csc”

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

<input type="text" ...>

到

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

或

---

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

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

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

...

我也遇到了同样的问题，最后还是这样做了：

是唯一一个似乎对我有用的（摘自）

---

从虚拟键盘上的“回车”按钮上删除搜索或放大镜。

不幸的是，它不再工作了。我做了一点调查，发现只有最终用户通过在chrome设置中输入某个地方来实现这一点。这主要是有效的。它阻止了chrome尝试自动填写信用卡号码，但它仍然试图用我以前在其他输入中输入的文本自动完成。它使用输入上的name和id属性来确定建议的值。为了解决这个问题，请确保所有输入都包装在一个启用了autocomplete=“off”的标记中it@Guido天哪，你不知道我在为愚蠢的Chrome寻找解决办法，停止在输入字段中填写我的信用卡详细信息有多久了。我非常感谢你！

<input type="search" ...>

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