Атрибут required указывает на то, что данный элемент HTML формы должен быть обязательно заполнен.

Атрибут следует применять к тегам input или textarea.

При попытке отправки формы в том случае, если поле с этим атрибутом не заполнено - браузер не даст отправить форму и выведет ошибку в виде всплывающей подсказки. К сожалению, текст ошибки и ее вид нельзя изменить с помощью HTML или CSS.

Имейте ввиду, что наличие атрибута required не освобождает вас от проверки правильности заполненности формы со стороны сервера на PHP (так как защиту через required легко обойти).

См. также атрибут pattern, который позволяет выполнить проверку содержимого поля по регулярному выражению.

Примеры

Пример

В данном примере тегу input добавлен атрибут required. Не вводя ничего в поле попробуйте нажать на кнопку, чтобы отправить форму. Браузер не даст отправить форму, добавит красную тень инпуту и выведет сообщение об ошибке:

<form action="">
	<input type="text" placeholder="Введите что-нибудь" required>
	<input type="submit">
</form>

Результат выполнения кода: