description.ru.yml

---

name: Отправка формы
theory: |
  Последним шагом в создании формы является добавление кнопки для отправки результата на сервер. Для этого, используя парный тег `<button>`, создадим кнопку отправки:

  ```html
  <form>
    <button>Отправить</button>
  </form>
  ```

  После нажатия на кнопку «Отправить», данные будут переданы обработчику, который указан в атрибуте `action` (если не указан, то данные отправятся на эту же страницу). **После отправки данных страница будет перезагружена**.

  Теперь, используя элементы форм из прошлых уроков, создадим форму с разными полями.

  ```html
  <h2>Форма поиска</h2>
  <form>
    <label>
      Введите ваш запрос
      <input type="search">
    </label>
    <br>
    <select>
      <option disabled>В каком разделе искать?</option>
      <option>JS</option>
      <option>HTML</option>
      <option>CSS</option>
    </select>
    <button>Искать</button>
  </form>
  ```

  <div class="hexlet-basics-example my-3">
    <p class="lead">Форма поиска</p>
    <form>
      <label>
        Введите ваш запрос
        <input type="search">
      </label>
      <select>
        <option disabled>В каком разделе искать?</option>
        <option>JS</option>
        <option>HTML</option>
        <option>CSS</option>
      </select>
      <button>Искать</button>
    </form>
  </div>

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

instructions: |
  Создайте форму, у которой файл с обработчиком данных лежит по адресу `/people`. Внутри формы расположите следующие элементы:

  * 2 текстовых поля `<input>`
  * Список с возможностью множественного выбора
  * Кнопку «Отправить»