Атрибут required

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

Атрибутът трябва да се прилага към тагове input или textarea.

При опит за изпращане на формата в случай, че поле с този атрибут не е попълнено - браузърът няма да позволи изпращането на формата и ще изведе грешка под формата на изскачащ подсказка. За съжаление, текстът на грешката и нейният вид не могат да бъдат променени с HTML или CSS.

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

Пример

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

<form action="">
	<input type="text" placeholder="въведете нещо" required>
	<input type="submit">
</form>

Вижте също

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