Есть ли способ отформатировать поле ввода для информации о кредитной карте без использования javascript? - PullRequest
0 голосов
/ 14 марта 2020

Я имею в виду, что поле ввода должно быть отформатировано в цифрах c наборов из четырех цифр с пробелом между ними. Я знаю множество javascript плагинов, которые делают это, но это проблема доступности, и я удивлен, что это требование еще не было учтено в веб-стандартах.

credit card formatting

У меня есть следующее поле ввода с некоторыми CSS для начала ... если это помогает или если кто-то проходил этот путь раньше:

form.order>input.card {
  border: 0;
  padding: 2.5vmin 5vmin;
  border-radius: 10vmin;
  background-color: transparent;
  color: #111111;
  outline: 0;
  font-size: 1em;
  width: 60vmin;
  border: 1px solid violet;
}
<form class="order">
  <input class="card" type="number" placeholder="xxxx xxxx xxxx xxxx" />
</form>

1 Ответ

0 голосов
/ 14 марта 2020

Вы можете использовать это

 <input id="cc" type="text" data-inputmask="'mask': '9999 9999 9999 9999'" />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...