| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 10.0 | 5.0 + | 9.6 + | 4.0 + | 2.3 + | 3.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Вказує регу ярное вираз, згідно з яким потрібно вводити і перевіряти дані в поле форми. Якщо присутній атрибут pattern, то форма не буде відправлятися, поки небуде правильно.
Синтаксис
<input type="email" pattern="вираз"> <input type="tel" pattern="вираз"> <input type="text" pattern="вираз"> <input type="search" pattern="вираз"> <input type="url" pattern="вираз">
Значення
Деякі типові регулярні вирази перераховані в табл. 1.
| Вираз | Опис |
|---|---|
| \ d [0-9] | Одна цифра від 0 до 9. |
| \ D [^ 0-9] | Будь-який символ окрім цифри. |
| \ s | Пропуск. |
| [AZ] | Тільки заголовна латинська буква. |
| [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-адреса |
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Атрибут pattern </title>
</head>
<body>
<form>
<p>
Введіть телефон в форматі 2-xxx-xxx, де замість x повинна бути цифра: </p>
<p>
<input type="tel" pattern="2- [0-9] {3} - [0-9] {3}">
</p>
<p>
<input type="submit" value="Надіслати">
</p>
</form>
</body>
</html>