防止 chrome 自动填充信用卡信息答案

【问题标题】：Prevent chrome from autofilling creditcard info防止 chrome 自动填充信用卡信息
【发布时间】：2017-02-17 15:06:15
【问题描述】：

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

一旦用户开始输入他的姓名（在另一个字段中），Chrome 会提供填写抄送信息，但当用户点击它时，Chrome 会填写我的数量 -<input> 和到期日期。

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

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

【问题讨论】：

【解决方案1】：

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

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

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

您可以找到有关主题here的详细信息

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

【讨论】：

【解决方案2】：

我知道这个问题已经得到解答，但无论如何我都会投入两分钱。

另一种方法（据我所知）是在 HTML 文档中创建 <input> 字段时，不要添加 type="ipsum dolor amet" 参数。然后 Chrome 或任何其他浏览器将不知道什么是什么，并且会置身事外。

【讨论】：

【解决方案3】：

如果您不希望它自动填充任何内容，请将 autocomplete="nope", 添加到您的输入标签。浏览器将尝试处理它，由于nope 不是一个可接受的选项，浏览器将放弃处理它。

【讨论】：