防止铬自动填充信用卡信息

Question

我的结帐表单上有一个<input type="text" name="quantity" />，但Chrome认为此字段是信用卡到期月。

一旦用户开始输入他的名字（进入另一个字段），Chrome会提供填写CC信息，但当用户点击它时，Chrome会将我的数量<input>填充到期日。

我已经尝试了所有可能的解决方法，包括：

• autocomplete="off"（在Chrome中无效）
• 设置autocomplete="new-password"（不适用于CC自动填充）

PS。如果您正在考虑将此问题标记为“重复”，请注意我特别谈论信用卡自动填写，而不是您通常的自动填充。

Answer 1

如果您不希望自动填充任何内容，请将<{1}}添加到您的输入标记中。浏览器将尝试处理它，因为autocomplete="nope"不是一个可接受的选项，浏览器将放弃处理它。

请参阅 - https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#Disabling_autocompletion。

Answer 2

我知道这个问题已经回答了，但是无论如何我要投入两分钱。

另一种方法（据我所知）是在HTML文档中制作<input>字段时，只需不添加type="ipsum dolor amet"参数。然后，Chrome或任何其他浏览器将不知道是什么，并将保留其中。

Answer 3

我发现的唯一解决方案实际上适用于 chrome 89.0.4xxxx

<块引用>

<input style="display: none;" autocomplete="cc-csc"/>

这个解决方案是如何工作的： 基本上，我们为 Chrome 浏览器提供了一种替代方案，以通过特定的自动完成键 (cc-csc) 进行匹配，而不是通过名称或其他辅助查找数据来匹配更通用的 (number)。

您可以找到有关主题 here

的详细信息

在这里你可以找到一个固定的例子，注释掉要比较的修复的行： https://jsfiddle.net/bogdanm/sj0ewfqv/7/