停用Chrome自动填充信用卡

Question

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

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

Answer 1

我终于找到了解决方法！将自动完成属性设置为“ cc-csc”，该值是信用卡的CVC，并且不允许其存储！ （目前...）

autocomplete =“ cc-csc”

Answer 2

你试过了吗？

autocomplete="nope"

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

  

在某些情况下，浏览器会继续建议自动完成值   即使autocomplete属性设置为off。这出乎意料   对于开发人员来说，这种行为可能会令人费解诀窍真的   强制no-autocompletion是为了分配一个随机字符串   属性--- https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

Answer 3

我遇到了同样的问题，并通过更改解决了该问题：

<input type="text" ...>

收件人

<input type="email" ...>

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

或

<input type="search" ...>

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

Answer 4

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

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

Answer 5

我遇到了同样的问题并最终解决了这个问题：

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

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

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