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

Значение и применение

Атрибут pattern (HTML тега <input>) задает регулярное выражение, которое сверяется со значением введёным в элементе. Синтаксис регулярного выражения соответствует языку JavaScript. Только для элементов управления следующих типов: text, search,tel,url,email и password (остальные игнорируются).

Попробуйте pattern в тренажёре HTML-форм: настройте поле, проверьте ввод и разберите результат.

Шаблон сопоставляется со всем непустым значением, а не с его частью: pattern="[0-9]{6}" требует ровно шесть цифр. Пустое поле остаётся допустимым, пока не задан required. Регулярное выражение записывают без слешей и флагов; современный HTML использует режим Unicode Sets (v). Например, буквальный дефис внутри набора при необходимости экранируют: [A-Z\-]+.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьhtml.elements.input.pattern
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
pattern✓4✓12✓4✓≤12.1✓5✓18✓4✓≤12.1✓4✓1.0✓4.4✓4

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML
<input pattern = "regexp">

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

Значение Описание
regexp Определяет регулярное выражение, которое сопостовляет значение, введеное в элемент управления с шаблоном, установленным в выражении.

Отличия HTML 4.01 от HTML 5

Атрибут pattern считается новым в HTML 5.

Примеры, попробуйте сами

Атрибут pattern элемента input

Измените pattern в HTML и сравните результат. Кнопка запускает встроенную проверку; отправка из предпросмотра отключена.

index.html
HTML
<form>
  <label for="field">Поле примера</label
  ><input id="field" pattern="[A-Za-z]{3,8}" required title="От 3 до 8 латинских букв" /><button type="submit">
    Проверить
  </button>
</form>