Определение и использование
pattern атрибут определяет регулярное выражение , что <input> значение элемента проверяется.
Примечание: pattern атрибут работает со следующими типами ввода: text, date, search, url, tel, email и password .
Совет: Используйте глобального title атрибут для описания шаблона , чтобы помочь пользователю.
Подсказка: Узнайте больше о регулярных выражениях в нашем JavaScript учебнике.
Относится к
pattern атрибут может быть использован на следующий элемент:
| Элемент | Атрибут |
|---|---|
| <input> | pattern |
Примеры
Input пример
HTML форма с полем ввода, которое может содержать только три буквы (нет цифр или специальных символов):
<form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
Попробуй сам " Password Пример
<input> элемент с type="password" , который должен содержать не менее 6 символов:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Попробуй сам " Password Пример
<input> элемент с type="password" , который должен содержать 8 или более символов, которые , по крайней мере , один номер и один прописных и строчных букв:
<form action="demo_form.asp">
Password: <input
type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain
at least one number and one uppercase and lowercase letter, and at least 8
or more characters">
<input type="submit">
</form>
Попробуй сам " Browser Поддержка
Числа в таблице указать первую версию браузера, который полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10,0 | 4.0 | Не поддерживается | 9.6 |