微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何避免浏览器将我的输入视为信用卡号? 他们不是!

如何解决如何避免浏览器将我的输入视为信用卡号? 他们不是!

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

inputs being shown as credit card dates

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

credit card numbers into inputs

明确地说:我知道我可以从 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>

解决方法

似乎是浏览器错误

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。