required: обязательное поле и пустое значение
Атрибут required включает нативную проверку обязательности для поддерживающих его элементов формы.
Назначение
Атрибут required включает нативную проверку обязательности для поддерживающих его элементов формы.
Как это работает
Это булев атрибут: required="false" всё равно означает его наличие. Для снятия обязательности атрибут удаляют. Проверка срабатывает при обычной отправке формы, если её не отключили novalidate или другой логикой.
Пример
<form><label for="subject">Тема, обязательно</label>
<input id="subject" name="subject" required>
<button type="submit">Проверить</button></form>Что должно получиться
На отдельной странице обычная отправка пустого обязательного поля блокируется браузером. Песочница сайта отправку форм не разрешает, поэтому сетевой этап здесь не проверяется.
Граница применения и частая ошибка
Непустое значение не всегда полезно: строка из пробелов может требовать дополнительной обработки. Сервер обязан повторить проверку независимо от интерфейса браузера.
Самостоятельная проверка
В локальном файле попробуйте отправить пустое поле, затем заполните его. Удалите required и сравните поведение; не отправляйте учебную форму на настоящий рабочий обработчик.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.