Атрибут requiredhtml5 HTML тега <input>

HTML тег <input>

Значение и применение

Атрибут requiredhtml5 (HTML тега <input>) является логическим атрибутом, который указывает, что поле ввода должно быть заполнено перед отправкой формы.

Атрибут не может быть использован с полями данных следующих типов (атрибут type):

Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
requiredhtml55.04.09.6Нет10.012.0

Синтаксис:

<input required>

Значения атрибута

ЗначениеОписание
requiredЗначение атрибута требуется только в XHTML (<input required = "required"/>).

Отличия HTML 4.01 от HTML 5

Атрибут считается новым в HTML 5.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования атрибута required HTML тега <input></title>
</head>
<body>
	<form>
		Login: <input type = "text"  name = "login" required><br><br>  <!-- поле обязательно для заполнения -->
		Email: <input type = "email"  name = "email" required><br><br>  <!-- поле обязательно для заполнения -->
		<input type = "submit">
	</form>
</body>
</html>

В данном примере мы использовали два различных поля (текстовое - "text" и поле для ввода адреса электронной почты - "email"), для обоих полей мы указали атрибут requiredhtml5, который не дает отправить форму пока поле не будет заполнено.

Результат нашего примера:

Пример использования атрибута required HTML тега <input> (поле ввода должно быть заполнено перед отправкой формы).
Пример использования атрибута required HTML тега <input> (поле ввода должно быть заполнено перед отправкой формы).
HTML тег <input>