Перейти к содержанию

Структура формы

<form>

Все элементы формы помещаются в тег <form>.

Для него всегда должен быть указан атрибут action, кроме того, для этого элемента часто устанавливают атрибуты method и id.

action

Каждый элемент <form> требует указания атрибута action, значением которого является URL-адрес страницы-получателя введенных данных при отправке формы на сервер.

Код
<form 
    action="https://www.primer.ru/subscribe.php" 
    method="get">
    <p>Здесь будут отображены элементы формы.</p>
</form>
Результат

id

Мы обсудим атрибут id в главе 8.

Сейчас лишь скажем, что его значение используется для различения формы и других элементов разметки страницы (зачастую этот атрибут используется сценариями, например, для проверки заполнения всех обязательных полей формы).

method

Формы можно отправить одним из двух методов: get или post.

При использовании метода get введенные данные будут добавлены в конец URL-адреса, указанного в атрибуте action.

При использовании метода post данные отправляются на сервер с помощью так называемых HTML-заголовков.

Если атрибут method не указан, то форма будет отправлена на сервер с помощью метода get.

Метод get идеален:

  • для коротких форм (таких как поля для ввода поискового запроса)
  • при простом получении данных с веб-сервера (без отправки сведений, добавляемых в базу данных).

Хорошей практикой будет использование метода post в случае, если ваша форма:

  • позволяет пользователям загружать файлы на сайт
  • очень длинная
  • содержит конфиденциальные данные (например пароли)
  • добавляет сведения в базу данных или удаляет их оттуда.