Атрибут шаблона HTML
Определение и использование
Атрибут pattern
задает регулярное выражение, по которому
<input>
проверяется значение элемента.
Примечание . pattern
Атрибут работает со следующими типами ввода: текст, дата, поиск, URL-адрес, телефон, электронная почта и пароль.
Совет: Используйте глобальный title
атрибут для описания шаблона, чтобы помочь пользователю.
Совет: Узнайте больше о регулярных выражениях в нашем руководстве по JavaScript.
Относится к
Атрибут pattern
можно использовать для следующего элемента:
Элемент | Атрибут |
---|---|
<ввод> | шаблон |
Примеры
Пример ввода
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>
Пример пароля
Элемент <input> с type="password", который должен содержать 6 или более символов:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Пример пароля
Элемент <input> с типом = «пароль», который должен содержать 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>
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Attribute | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |