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>