Формы в HTML

При взаимодействии с HTML-документами одно из частых действий — ввод данных в различные поля документа. Например ввод данных в строку поиска. Именно так вы ищите информацию с помощью поисковых систем (например Google или Yandex): вводите запрос, он отправляется на сервер (компьютер, на котором расположен сайт) и на выходе вы получаете результат поиска.

Такое взаимодействие осуществляется с помощью форм — набора полей и кнопок действий. Важно помнить, что HTML не умеет обрабатывать данные, которые были отправлены через форму. Для взаимодействия с этими данными нужно использовать языки программирования, которые работают на сервере, например JavaScript или PHP. Основы программирования на этих языках есть в соответствующих разделах на Code Basics:

Детальнее эти вопросы рассмотрены в соответствующих профессиях на Hexlet:

Любая форма начинается с главного тега form, внутри которого и будут располагаться поля для заполнения и кнопка действия.

<form>
    // Внутри формы будут поля для ввода данных и кнопка с действием (отправкой данных)
</form>

Основым атрибутом у тега form является action — путь к файлу, где располагается обработчик данных. Именно туда уйдут данные, которые ввёл пользователь.

<form action="/search">
  // Данные, после заполнения, будут отправлены на страницу /search
</form>

Если данный атрибут не указан, данные уйдут на ту же страницу, откуда была отправлена форма.

Задание

Создайте форму, у которой файл с обработчиком данных лежит по адресу /people


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

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

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