时间戳

首页 > 解决方案 > 如何避免浏览器将我的输入视为信用卡号码？（他们不是！）

html - 如何避免浏览器将我的输入视为信用卡号码？（他们不是！）

问题描述

在我的一个网页中，Chrome 正在考虑将一些数字输入作为信用卡号，但它们不是，我不希望用户认为我在向他们询问此类信息。它们是间隔数字，我从未告诉浏览器它们是 CC 数字，实际上我正在尽我所能要求浏览器不要自动完成。

输入显示为信用卡日期

如果我继续，我的信用卡整数会进入两个输入。

信用卡号码输入

需要明确的是：我知道我可以从 Chrome 选项中取消我自己的信用卡。那不会是一个解决方案。我的客户是使用此页面的人，我关心的是他们的体验。

我希望将这些输入视为正常的数字输入，并让 G-Pay 远离它们。

任何想法将不胜感激！谢谢你。

**重要编辑**

这太疯狂了。我一直在清空代码，直到最低限度。而且还在发生！疯狂的是：我不能删除“select”，或者更改 ID（它必须包含“numero”，这意味着西班牙语中的“数字”），也不能更改跨度，甚至不能删除“fecha”id（这意味着“日期”）。如果我做任何这些事情，它就会停止考虑信用号码。

看哪！运行代码片段，单击输入并感到惊讶！:D

<select id="fecha">
</select>

<div>
<span>numero</span>
    <div>
        <input type="number">
        <input type="number">
    </div>  
</div>

标签： htmlgoogle-chromeautocompletecredit-card

解决方案

好像是浏览器bug

原因是我们的信用卡表单解析中的一个已知问题。它已经修复，但不幸的是，我们目前被阻止推出它。如果您使用以下命令行标志运行 Chrome，则可以显式启用它：--enable-features=AutofillStrictContextualCardNameConditions

https://bugs.chromium.org/p/chromium/issues/detail?id=1219996

推荐阅读