Атрибут required

required робить заповнення поля обов'язковим — браузер заблокує відправку форми і покаже вбудоване повідомлення, якщо поле порожнє.

Applies to

input, select, textarea

Values

Булевий атрибут: сама наявність required вмикає перевірку (значення не потрібне).

Example

<input type="email" name="email" required>

Edge cases

required перевіряється лише при спробі відправки форми (submit), а не в реальному часі — для миттєвого фідбеку потрібен JS чи CSS :invalid.
novalidate на самій <form> повністю вимикає перевірку required та інших вбудованих валідацій.

Accessibility

Позначайте required візуально (наприклад, зірочкою в label), а не лише покладайтесь на браузерну поведінку, яка не завжди очевидна.

Схожі інструменти

Тег <input>

Типи та атрибути тегу <input>: type, name, value, required, pattern.

Тег <form>

Атрибути action, method та enctype тегу <form> з прикладом.