Элемент form

HTML-формы — это способ получать данные от пользователей. Вы пользуетесь ими в интернете постоянно, часто не замечая: когда вводите запрос в строку поиска, входите в аккаунт, регистрируетесь или выбираете из нескольких вариантов, вы заполняете форму.

В этом уроке мы посмотрим, как устроены формы и какие элементы служат для сбора данных. Шаг за шагом мы создадим форму записи на курс.

Форма создаётся элементом form. Форма собирает информацию, но потом её нужно куда-то отправить на обработку. Поэтому у элемента form есть два атрибута:

• action — URL, на который отправляются данные формы.
• method — способ отправки данных (метод HTTP-запроса).

Два самых распространённых метода:

• GET (используется, если method не указан) — данные добавляются к адресу страницы, например /search?q=cats. Это подходит для поиска, потому что адрес с результатами можно сохранить или переслать.
• POST — данные отправляются внутри запроса, а не в адресе. Он нужен, например, для входа и регистрации, чтобы пароль не оказался в адресе.

Пока вам не нужно знать, что такое HTTP-запрос.

<form action="/processing.html" method="POST">
</form>