Руководство по HTML

Полный список HTML-тегов

HTML: атрибут pattern<input>

Эта статья рассказывает о методах использования атрибута pattern в HTML input, демонстрирует онлайн примеры использования атрибута pattern, совместимость браузеров, определение грамматики и подробную информацию о значениях атрибута.

　HTML <input> тег

Онлайн пример

HTML-форма, поле ввода которой может содержать только три буквы (не содержит цифр или специальных символов):

Пример

<!DOCTYPE html>
<html>
<head>
<title>HTML: атрибут pattern<input> - Учебник по основам (oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　Код страны/региона: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Код страны/региона из 3 букв">
　　<input type="submit">
</form>
</html>

Проверьте, посмотрев на ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera и Chrome поддерживают атрибут pattern.

Внимание:Safari или Internet Explorer 9 и более ранние версии не поддерживают свойство pattern тега <input>.

Определение и использование

Свойство pattern определяет регулярное выражение, которое проверяется при отправке формы значением элемента <input>.

Внимание:Свойство pattern применяется к типам input: text, search, url, tel, email и password.

Совет:Используйте глобальный title Используйте атрибуты для описания шаблонов, чтобы помочь пользователям.

Совет:Вы можете узнать больше о JavaScript в нашей статье. Регулярные выражения знаний.

Различия между HTML 4.01 и HTML5

Свойство pattern добавлено в HTML5.

Синтаксис

<input pattern="regexp">

Значение свойства

Значение	Описание
regexp	Определяет регулярное выражение для проверки значений элементов <input>.

　HTML <input> тег

HTML: <template> тег