Описание pattern
Атрибут pattern задает регулярное выражение, по которому проверяется значение элемента <input>.
Примечание: Атрибут pattern работает со следующими типами входных данных: text, date, search, url, tel, email, и password.
Совет: Использовать глобальный атрибут title описать шаблон, чтобы помочь пользователю.
Совет: Подробнее о Регулярное выражение в нашем учебнике JavaScript.
Применение pattern
Атрибут pattern можно использовать для следующего элемента:
| Элемент | Атрибут |
|---|---|
| <input> | pattern |
Примеры pattern
Пример Input
HTML форма с полем ввода, которое может содержать только три буквы (без цифр или специальных символов):
<form action="/action_page.php">
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="/action_page.php">
Пароль: <input type="password" name="pw" pattern=".{6,}" title="Шесть или более символов">
<input type="submit">
</form>
Попробуйте сами »
Пример Password
Один <input> элемент с type="password" должнен содержать 8 или более символов, которые имеют по крайней мере одно число и одну заглавную и строчную букву:
<form action="/action_page.php">
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>
Попробуйте сами »
Поддержка pattern
Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Не поддерживает | 9.6 |