Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Атрибут pattern



Описание 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


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.