Сделать элементы форм обязательными для заполнения

Сделать элементы форм обязательными для заполнения можно через атрибут required.

<input type="text" required>

Элементы с данным атрибутом доступны в CSS через псевдокласс :required.

Если поле обязательно для заполнения, то обычно в названии поля ставят символ «*», чтобы визуально было видно, что поле обязательно для заполнения.

Пример кода

Если надо сделать своё поведение для обязательных полей через JavaScript, то рекомендуется отключать валидацию через параметр novalidate, не удаляя сами атрибуты required (чтобы браузеры и специальные устройства понимали, что данные поля обязательны для заполнения).

<form novalidate>
  <!-- параметр required есть, но он не будет проверяться браузером -->
  <input type="text" required>
</form>

Также стоит проверять, что поле заполнено на стороне сервера, например через PHP.