Синтаксис
<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-адреса |
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Атрибут pattern</title>
</head>
<body> <form action="handler.php"> <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> Браузери
| 10 | 12 | 5 | 9.6 |
| 2.3 | 4 | 10 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузер ом не сприймається та ігнорується;
- — при роботі можлива поява різних помилок або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується. container credit">
Автор та редактори
Останнє змінення: 08.11 .2016
Редактори: Влад Мержевич