Чекбокс

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

Чекбоксы позволяют выбирать множество элементов из представленных (например в анкете):




Для создания чекбокса используются два тега:

  • input с указанием type="checkbox";
  • label, в котором будет текст, связанный с нужным нам чекбоксом.

Для создания связи label с input тоже существует два способа:

  1. Связь по id. Для этого необходимо задать уникальный id для input, и связать label с чекбоксом с помощью атрибута for.
<form>
    <input id="html" type="checkbox">
    <label for="html">Хочу изучать HTML</label>
</form>
  1. Вложить input внутрь тега label. При этом указание уникального id не требуется.
<form>
    <label>
        <input type="checkbox">
        Хочу изучать HTML
    </label>
</form>

Задание

Создайте форму, у которой файл с обработчиком данных лежит по адресу /people. Внутри формы создайте 2 чекбокса. Свяжите их вложив input внутри label.


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.