从Chrome自动填写卡号时，如何使Angular显示Visa信用卡/借记卡

Question

当我在Chrome中对卡进行自动填充并选择“ Visa借记卡”时，它将卡类型显示为Visa而不是Visa Debit。在我们更改为Angular之前，HTML显示了Visa信用/ Visa借记卡

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

我目前有：

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

我希望输入/选择卡时，卡类型会自动填充Visa借记卡或Visa贷记卡。

Answer 1

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

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

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

Answer 2

最后，我通过更改密钥名称来确保所有与Visa相关的卡都引用了“ Visa”，从而解决了此问题。我猜想Chrome需要此功能才能自动完成工作。