自动完成信用卡到期 cc-exp 未填写所需格式

Question

我最近发现，尽管姓名和卡号填充得很好，但浏览器自动完成功能并未填充我的信用卡到期日期。该字段确实突出显示，就好像它需要填充一样，只是没有获得值。

我查看了其他网站的工作表格差异，发现将到期日期更改为

type="tel"

可以填写，但格式是

MM/YYYY

。我可以添加

maxlength="5"

将格式更改为

MM/YY

，但我希望格式为

MMYY

，不带斜杠。 A

maxlength="4"

无法填充。

这是我的代码，没有任何提到的解决方法。我不认为

tel

是合适的输入类型，但当输入仅是数字时，在移动设备上提供数字键盘是件好事。

请您分享一下如何以 MMYY 格式自动填充信用卡到期日（不使用斜线分隔符）的智慧吗？

.standardControl {
    margin-bottom: 10px;
}
.standardControl label {
    display: block;
}

    <form action="" method="post">     
      <div class="standardControl">
        <label for="Name">Name on card</label>
        <input type="text" class="text" id="Name" name="Name" value="">
      </div>
      <div class="standardControl">
        <label for="CardNumber">Card number</label>
        <input type="number" class="number" id="CardNumber" name="CardNumber" 
           autocomplete="cc-number">
      </div>
      <div class="standardControl">
        <label for="ExpiryDate">Expiry date 
            <span class="additionLabel">(MMYY)</span></label>
        <input type="number" class="number" id="ExpiryDate" name="ExpiryDate"
            autocomplete="cc-exp" placeholder="MMYY" value="">
      </div>
      <div class="standardControl">
        <label for="securityCode">Security code</label>
        <input type="number" class="number" id="securityCode" name="securityCode">
      </div>
    </form>

Answer 1

我遇到了同样的问题，原因是到期日期比今天早。

*回答了这个问题，因为我没有足够的声誉来发表评论