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


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

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

55aa0ac5354c6f9008309406ba3ccb62.png

автор: с3с

Порада

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

автор: с3с
Нотатка

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

автор: с3с

Синтаксис

<input pattern="regexp">

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

pattern="regexp"

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

автор: с3с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
5+ 4+ 0+ 9.6+ 12+ 10+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
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.

автор: с3с

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


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

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



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

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

Ваша версія секції «»: після перевірки замінить чинну.

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

Ваша версія опису «»: після перевірки замінить чинну.

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

Зворотний зв'язок
Вхід