Автозаполнение срока действия кредитной карты cc-exp не заполняется в нужном формате - PullRequest
Новая
       7

Автозаполнение срока действия кредитной карты cc-exp не заполняется в нужном формате

0 голосов
/ 22 ноября 2018

Я недавно обнаружил, что дата окончания срока действия моей кредитной карты не заполняется автозаполнением браузера, даже если имя и номер карты заполнены нормально.Поле выделяется так, как будто оно хочет заполнить, оно просто не получает значения.

Я посмотрел другие сайты с рабочими формами на наличие различий и обнаружил, что изменение даты истечения срока действия на 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>
...