Атрибут pattern HTML тега input

Атрибут pattern определяет регулярное выражение, по которому проверяются вводимые данные.

Атрибут pattern работает со следующими типами элемента <input>: text, search, url, tel, email, password.

Атрибут pattern для тега <input> был добавлен в HTML5.

Синтаксис атрибута

<input pattern="regexp">

Значения атрибута

Значение Описание
regexp Регулярное выражение, по которому проверяются вводимые данные

Некоторые типовые регулярные выражения:

Выражение Описание
\d [0-9] Одна цифра от 0 до 9.
\D [^0-9] Любой символ кроме цифры.
\s Пробел.
[A-Z] Только заглавная латинская буква.
[A-Za-z] Только латинская буква в любом регистре.
[А-Яа-яЁё] Только русская буква в любом регистре.
[A-Za-zА-Яа-яЁё] Любая буква русского и латинского алфавита.
[0-9]{3} Три цифры.
[A-Za-z]{6,} Не менее шести латинских букв.
[0-9]{,3} Не более трёх цифр.
[0-9]{5,10} От пяти до десяти цифр.
^[a-zA-Z]+$ Любое слово на латинице.
^[А-Яа-яЁё\s]+$ Любое слово на русском включая пробелы.
^[ 0-9]+$ Любое число.
[0-9]{6} Почтовый индекс.
\d+(,\d{2})? Число в формате 1,34 (разделитель запятая).
\d+(\.\d{2})? Число в формате 2.10 (разделитель точка).
\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3} IP-адрес

Пример использования атрибута

HTML форма с текстовым полем, которое может содержать только три буквы (без цифр и специальных символов):


<form action="//msiter.ru/demo_form.asp">
   Код страны: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Трехбуквенный код страны">
   <input type="submit">
</form>