html атрибут pattern

Атрибут pattern (HTML тега <input>) вказує регулярний вираз, згідно з яким потрібно вводити і перевіряти дані в полі форми.

Якщо присутній атрибут pattern, то форма не буде відправлятися, поки поле не буде заповнено правильно.

55aa0ac5354c6f9008309406ba3ccb62.png

Нотатка:

Атрибут pattern працює з наступними input типами: text, date, search, url, tel, email та password.

Порада:

Використовуйте глобальний атрибут title для опису підсказки шаблону, щоб допомогти користувачеві.

Синтакс

<input pattern="regexp">

Атрибут pattern може отримувати єдине значення :

pattern="regexp"

Задає регулярний вираз.

Переглядачі

Переглядач

5+

4+

0+

9.6+

10+

12+

Переглядач

2.3+

1+

4+

0+

Приклади


Найпростіший приклад використання HTML атрибута pattern теґа <input>

See the Pen Input.pattern_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Атрибут pattern з'явився тільки в HTML5.

Різниця між XHTML та HTML


Немає жодної різниці.