HTML5 атрибут атрибута игнорируется

Question

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

<form>
<input type="number" pattern="[0-9]{8}" required>
<input type="submit">
</form>

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

Codepen: https://codepen.io/mavelo/pen/VVZvoP

Answer 1

Элементы

<input type="number"> не поддерживают использование атрибута pattern для приведения введенных значений в соответствие с определенным шаблоном регулярных выражений.

Источник: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number#Pattern_validation