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

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

<input type="text" required>

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

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

В случае, если для обязательного поля атрибут required не указан (например используется своё поведение вывода обязательного поля), то рекомендуется указывать aria-required, чтобы устройства, предназначенные для людей с ограниченным возвожностями, могли понимать, что поле обязательно для заполнения.

<input type="text" aria-required="true">

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

Пример кода