Question

我最近发现，即使姓名和卡号很好，浏览器的自动完成功能也不会填充我的信用卡有效期。该字段确实突出显示，好像它想要填充一样，只是没有任何值。

我查看了其他具有工作表差异的站点，发现将到期日期更改为type="tel"可以填充日期，但是格式为MM/YYYY。我可以添加maxlength="5"来将格式更改为MM/YY，但我希望格式为MMYY，且不要使用斜杠。 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>

自动填充信用卡有效期限CC-Exp未填写所需格式

0 个答案: