Справочник HTML & CSS

<form>

Форма: собирает данные из полей и отправляет их на сервер.

Синтаксис

<form action="url" method="post">…</form>

Атрибуты

Параметр	Тип	Описание
action	URL	Куда отправить данные. Без него — на адрес текущей страницы.
method	get \| post	Способ отправки. `get` добавляет данные в адрес, `post` — передаёт в теле запроса.
novalidate	—	Необязательный. Отключить встроенную проверку полей.

Примеры

Форма подписки:

<form action="/subscribe" method="post">
  <label>Email <input type="email" name="email" required></label>
  <button>Subscribe</button>
</form>

Поиск методом get — данные попадут в адрес вида /search?q=latte:

<form action="/search" method="get">
  <input type="search" name="q" placeholder="Search drinks">
  <button>Find</button>
</form>

Примечания

На сервер уходят только поля с атрибутом name. Пароли и личные данные отправляют методом post, а get подходит для поиска и фильтров — такой адрес можно сохранить в закладки. Формы нельзя вкладывать друг в друга.

См. также

<input> — Поле ввода; вид поля задаёт атрибут `type`.
<button> — Кнопка: отправляет форму или запускает действие.
<label> — Подпись к полю формы.
<fieldset>, <legend> — Группа связанных полей формы с заголовком `<legend>`.

Вопросы и ответы по теме

В учебнике

Формы — Как устроена форма в HTML — тег form, поле input, атрибут name, кнопка отправки, action и методы GET и POST.

Спасибо, что читаете!