пример
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>
Попробуй сам " Больше "Попробуйте сами" примеры ниже.
Определение и использование
pattern атрибут определяет регулярное выражение , что <input> значение элемента проверяется.
Примечание: pattern атрибут работает со следующими типами ввода: text, date, search, url, tel, email и password .
Совет: Используйте глобального title атрибут для описания шаблона , чтобы помочь пользователю.
Подсказка: Узнайте больше о регулярных выражениях в нашем JavaScript учебнике.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10,0 | 4.0 | Не поддерживается | 9.6 |
Отличия между HTML 4.01 и HTML5
pattern атрибута является новым в HTML5.
Синтаксис
<input pattern="regexp">
значения атрибутов
| Стоимость | Описание |
|---|---|
| regexp | Задает регулярное выражение , что <input> значение элемента проверяется |
Еще примеры
пример
<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>
Попробуй сам " пример
<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>
Попробуй сам " пример
<input> элемент с type="email" , который должен быть в следующем порядке: символы @ символов. доменов (символы следуют символ @, за которым следует более символов, а затем "."
После того , как "." знак, вы можете писать только от 2 до 3 буквы от А до Я:
<form action="demo_form.asp">
E-mail: <input type="email"
name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
<input type="submit">
</form>
Попробуй сам " пример
<input> элемент с type="search" , которые не могут содержать следующие символы: ' или "
<form action="demo_form.asp">
Search: <input
type="search" name="search" pattern="[^'\x22]+" title="Invalid input">
<input type="submit">
</form>
Попробуй сам " пример
<input> элемент с type="url" , который должен начинаться с http:// или https:// следует , по крайней мере , один символ:
<form action="demo_form.asp">
Homepage:
<input type="url" name="website" pattern="https?://.+" title="Include
http://">
<input type="submit">
</form>
Попробуй сам "