Главная » Языки программирования

Html pattern только буквы

На чтение 6 мин
Содержание
  1. Атрибут pattern HTML тега input
  2. Синтаксис атрибута
  3. Значения атрибута
  4. Пример использования атрибута
  5. HTML Атрибут pattern
  6. Синтаксис
  7. Значения
  8. Инверсия
  9. Числа
  10. Буквы
  11. Специальные символы
  12. Квантификаторы (количество вхождений символа в строку)
  13. Значение по умолчанию
  14. Применяется к тегам
  15. Отличия HTML 4.01 от HTML 5
  16. Примеры использования:
  17. Атрибут pattern (Элемент )
  18. Пример HTML:
  19. Атрибут pattern (Элемент )
  20. Пример HTML:
  21. Атрибут pattern (Элемент )
  22. Пример HTML:
  23. Поддержка браузерами
  24. Атрибут pattern
  25. Синтаксис
  26. Значения
  27. Пример
  28. Браузеры
  29. Примеры шаблонов для использования в input pattern
  30. HTML Проверка даты

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

Атрибут pattern определяет регулярное выражение, по которому проверяются вводимые данные.

Атрибут pattern работает со следующими типами элемента : text, search, url, tel, email, password.

Атрибут pattern для тега был добавлен в HTML5.

Синтаксис атрибута

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

Некоторые типовые регулярные выражения:

Выражение Описание
\d 8 Одна цифра от 0 до 9.
\D [^0-9] Любой символ кроме цифры.
\s Пробел.
[A-Z] Только заглавная латинская буква.
[A-Za-z] Только латинская буква в любом регистре.
[А-Яа-яЁё] Только русская буква в любом регистре.
[A-Za-zА-Яа-яЁё] Любая буква русского и латинского алфавита.
6 Три цифры.
[A-Za-z] Не менее шести латинских букв.
2 Не более трёх цифр.
8 От пяти до десяти цифр.
^[a-zA-Z]+$ Любое слово на латинице.
^[А-Яа-яЁё\s]+$ Любое слово на русском включая пробелы.
^[ 0-9]+$ Любое число.
9 Почтовый индекс.
\d+(,\d)? Число в формате 1,34 (разделитель запятая).
\d+(\.\d)? Число в формате 2.10 (разделитель точка).
\d\.\d\.\d\.\d IP-адрес

Пример использования атрибута

HTML форма с текстовым полем, которое может содержать только три буквы (без цифр и специальных символов):

  Код страны: " title="Трехбуквенный код страны">

Источник

HTML Атрибут pattern

Атрибут pattern (от англ. «pattern» — «шаблон») задаёт шаблон (регулярное выражение) для значения текстового элемента формы. Если присутствует атрибут pattern , то форма не будет отправляться, пока поле не будет заполнено правильно.

Совет: Рекомендуется указывать описание шаблона в глобальном атрибуте title и/или в тексте рядом с соответствующим элементом формы.

Синтаксис

input type=". " pattern="[значение]">

Значения

В качестве значения данного атрибута указывается любое регулярное выражение. Регулярное выражение может включать в себя следующие обозначения:

Инверсия

^ Инверсия значения. Обозначает, что в значении должны отсутствовать символы указанные после символа « ^ » ЦИРКУМФЛЕКС [U+005E].

Числа

[09] Соответствует одному из указанных символов, то есть в данном случае « 0 » или « 9 ». 7 Соответствует любому одному символу из указанного диапазона, то есть в данном случае от « 0 » до « 9 ».

Буквы

Примечание: при указании символов учитывается их регистр:

  • [abc] ‒ соответствует английской букве « a », « b » или « c ».
  • [ABC] ‒ соответствует английской букве « A », « B » или « C ».
  • [aBc] ‒ соответствует английской букве « a », « B » или « c ».
  • [абв] ‒ соответствует русской букве « а », « б » или « в ».
  • [АБВ] ‒ соответствует русской букве « А », « Б » или « В ».
  • [аБв] ‒ соответствует русской букве « а », « Б » или « в ».

Примечание: для указания всех букв алфавита используются следующие шаблоны:

  • [a-z] ‒ соответствует любой английской букве.
  • [A-Z] ‒ соответствует любой английской букве.
  • [a-zA-Z] ‒ соответствует любой английской букве в любом регистре.
  • [а-яё] ‒ соответствует любой русской букве.
  • [А-ЯЁ] ‒ соответствует любой русской букве.
  • [а-яёА-ЯЁ] ‒ соответствует любой русской букве в любом регистре.

Специальные символы

\d Соответствует любой цифре. (Аналогично значению « 1 ») \w Соответствует любой латинской букве, цифре и знаку препинания. \s Соответствует любому пробельному символу. \D Соответствует любым символам кроме цифр. (Аналогично значению « [^0-9] ») \W Соответствует любым символам кроме латинских букв, цифр и знаков препинания. \S Соответствует любым символам кроме пробельных символов.

Квантификаторы (количество вхождений символа в строку)

« n » вхождений предыдущего символа(-ов) в строку. « n » или более вхождений предыдущего символа(-ов) в строку. От (не менее) « n » до (не более) « m » вхождений предыдущего символа(-ов) в строку. * Произвольное число вхождений предыдущего символа(-ов) в строку. + Одно или более число вхождений предыдущего символа(-ов) в строку. ? Ни одного или одно вхождение предыдущего символа(-ов) в строку.

Примечание: Если в шаблоне необходимо указать какой-либо специальный символ (например, ( , < , + ), то его следует экранировать с помощью символа \ ОБРАТНЫЙ СЛЕШ [U+005C] (например, ( ⇒ \( , < ⇒ \< , + ⇒ \+ ).

Значение по умолчанию

Применяется к тегам

Примечание: Атрибут pattern может быть использован с полями данных (тег input ) следующих типов (атрибут type ): text, search, url, tel, email, и password.

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

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

Примеры использования:

Атрибут pattern (Элемент )

HTML форма с полем ввода, которое может содержать только три буквы:

Пример HTML:

 Введите код: " title="Три буквы кода">

Атрибут pattern (Элемент )

HTML форма с полем ввода, которое должно содержать 6 и более символов:

Пример HTML:

 Пароль: " title="6 и более символов">

Атрибут pattern (Элемент )

HTML форма с полем ввода, которое должно содержать 8 или более символов, в том числе по меньшей мере, одну цифру, одну прописную, одну строчные буквы:

Пример HTML:

 Пароль: " title="8 или более символов, в том числе по меньшей мере, одну цифру, одну прописную, одну строчные буквы">

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

Источник

Атрибут pattern

Указывает регулярное выражение, согласно которому требуется вводить и проверять данные в поле формы. Если присутствует атрибут pattern , то форма не будет отправляться, пока поле не будет заполнено правильно.

Синтаксис

Значения

Некоторые типовые регулярные выражения перечислены в табл. 1.

Табл. 1. Регулярные выражения

Выражение Описание
\d 9 Одна цифра от 0 до 9.
\D [^0-9] Любой символ кроме цифры.
\s Пробел.
[A-Z] Только заглавная латинская буква.
[A-Za-z] Только латинская буква в любом регистре.
[А-Яа-яЁё] Только русская буква в любом регистре.
[A-Za-zА-Яа-яЁё] Любая буква русского и латинского алфавита.
7 Три цифры.
[A-Za-z] Не менее шести латинских букв.
1 Не более трёх цифр.
7 От пяти до десяти цифр.
^[a-zA-Z]+$ Любое слово на латинице.
^[А-Яа-яЁё\s]+$ Любое слово на русском включая пробелы.
^[ 0-9]+$ Любое число.
6 Почтовый индекс.
\d+(,\d)? Число в формате 1,34 (разделитель запятая).
\d+(\.\d)? Число в формате 2.10 (разделитель точка).
\d\.\d\.\d\.\d IP-адрес

Пример

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Источник

Примеры шаблонов для использования в input pattern

Более сложная проверка вводимого номера телефона в input-поле с проверкой и подстановкой дополнительных символов:

 
 93[\)]\s?\d[-]\d[-]\d" placeholder="+7(___)___-__-__">

HTML Проверка даты

Введите дату в формате дд.мм.гггг:
 
\.7\.1">

Метод checkValidity() может быть выполнен на любом отдельном поле или формы в целом, вернув true или false – соответствует шаблону или нет.

Источник

Читайте также:  Числа каталана формула python
Оцените статью
© 2023 Программирование