Сразу оговорюсь: данная тема поднималась тут, но ответ в ней не дан.
Делаю блок с вводом данных с пластиковой карты. Есть 4 input , в них должен быть ввод только цифр и не более 4.
<div class="card__input-num">
<input class="input card__input-num_item" type="number" min="1" max="4" autocomplete="off">
<input class="input card__input-num_item" type="number" autocomplete="off" maxlength="4" min="4" max="4">
<input class="input card__input-num_item" type="number autocomplete="off" maxlength="4">
<input class="input card__input-num_item" type="number" autocomplete="off" maxlength="4">
</div>
-В первом input вводятся только цифры и только 4 ( кстати англ. буква "e" почему-то тоже можно ввести).
-Во втором то же самое. Оно и понятно.
-В третьем случайно забрал одну двойную кавычку после type="number - и о чудо! Вводить можно не более 4х цифр ! Но теперь и буквы так же доступны для ввода, ясно почему, но не ясно почему maxlength="4" заработал!?
min/max тоже никак заставить работать ? Или я что-то делаю не так ?
maxlength
дляnumber
не работает. Используйтеtext
и валидируйте на корректный ввод.