Атрибут required

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

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

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

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

Пример

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

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

Смотрите также

атрибут pattern,
который позволяет выполнить валидацию инпута