时间戳

首页 > 解决方案 > 当您从 Chrome 自动填写卡号时，如何让 Angular 显示 Visa 信用卡/借记卡

angular - 当您从 Chrome 自动填写卡号时，如何让 Angular 显示 Visa 信用卡/借记卡

问题描述

当我在 Chrome 中使用自动填写卡并选择 Visa 借记卡时，它会将卡类型显示为 Visa 而不是 Visa 借记卡。在我们更改为 Angular 之前，HTML 显示了 Visa Credit / Visa Debit

我尝试将输入类型更改为“文本”，因为它在旧站点中使用过，但这并没有解决问题（我不确定为什么将其设置为输入类型“电话”，但猜测有一个原因）。

我目前有：

<input type="tel" class="form-control w-100" formControlName='cardNumber' maxlength="23">

我希望卡类型在输入/选择卡时自动填充 Visa 借记卡或 Visa 信用卡。

标签： angular

解决方案

根据Google Docs，您可能需要添加autocomplete="cc-number"到该字段，以便它自动为您正确填写信用卡号。

信用卡号的整个输入如下所示：

<input name="cardnumber" id="frmCCNum" required autocomplete="cc-number">

推荐阅读