Form html method: Атрибут method | htmlbook.ru

Чем отличаются HTTP-методы GET и POST — журнал «Доктайп»

HTTP-методы GET и POST — самые распространённые способы отправить или получить данные с сервера. Но в разных случаях оба метода могут быть небезопасными или неудобными в использовании. В этой заметке рассмотрим, какой метод когда использовать.

GET — метод для чтения данных с сайта. Например, для доступа к указанной странице. Он говорит серверу, что клиент хочет прочитать указанный документ. На практике этот метод используется чаще всего, например, в интернет-магазинах на странице каталога. Фильтры, которые выбирает пользователь, передаются через метод GET.

:authority: htmlacademy.ru
:method: GET
:path: /tutorial/php/http-header

POST — метод для отправки данных на сайт. Чаще всего с помощью метода POST передаются формы.

URL-адрес запроса: https://htmlacademy.ru/consulting
Метод запроса: POST
Код состояния: 200

Формат запроса

Протокол HTTP очень прост и состоит, по сути, из двух частей — заголовков и тела запроса или ответа.

Тело запроса — это информация, которую передал браузер при запросе страницы. Но тело запроса присутствует только если браузер запросил страницу методом POST. Например, если отправлена форма, то телом запроса будет содержание формы.

Пример GET-запроса. Информация передаётся прямо в заголовке.

GET /blog/?name1=value1&name2=value2 HTTP/1.1
Host: htmlacademy.ru

Пример POST-запроса. Информация передаётся в теле запроса:

POST /blog/ HTTP/1.1
Host: htmlacademy.ru
name1=value1&name2=value2

GET для безопасных действий, POST для опасных

Говоря совсем просто, GET-запросы лучше не использовать с приватной информацией. Вот почему:

  • Они кэшируются. Это значит, что логин и пароль, переданные через GET-запрос, могут остаться в интернете навсегда, например, в веб-архиве или кэше Гугла.
  • Остаются в истории браузера. Чтобы узнать, какие данные отправлялись, достаточно нажать Ctrl+H.
  • Сохраняются в закладках и пересылаются. Можно не обратить внимания и опубликовать в соцсетях или отправить ссылку с приватной информацией в GET-запросе.
  • Сохраняются в логах сервера. Например, нельзя отправлять данные банковских карт через GET-запрос, так как это создаёт риски для пользователей.

Таким образом, любые важные данные — логины, пароли, данные карты, персональные данные — лучше передавать с помощью метода POST. Также метод POST поддерживает тип кодирования данных multipart/form-data, что позволяет передавать файлы.

Ещё раз коротко

GET

  • Фильтры в интернет-магазинах
  • Передача параметров через ссылку
  • Другие безопасные запросы

POST

  • Любые формы с паролями или банковскими картами
  • Формы заявок с персональными данными
  • Отправка файлов

Полезные материалы

  • Тренажёр по работе с методом GET
  • Протокол HTTP
  • Где смотреть запросы. Вкладка Network в Chrome DevTools
  • Механизм безопасной переадресации после POST-запроса (англ.)

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Полное руководство по тегу формы HTML

Тег формы HTML требуется, когда вы хотите собирать информацию, которую предоставляют посетители. Например, вы можете собирать определенные данные о посетителях, такие как имя, адрес электронной почты и пароль.

Тег HTML

используется для создания формы.

Тег

Форма по сути является контейнером для ввода.

Следующий код показывает базовую структуру формы:

<форма>

Здесь находятся элементы ввода

Есть два атрибута тега формы, с которыми мы должны быть знакомы:

  • Атрибут действия указывает на серверную часть нашей веб-страницы, которая обрабатывает отправку формы
  • Атрибут метода используется для загрузки данных.
    Наиболее часто используемые атрибуты — это методы GET и POST
  • .

Примечание. Форма не будет работать, пока не будет создана серверная часть.

Элемент

HTML является основным элементом формы. Он может отображаться разными способами, в зависимости от его атрибутов.

Существует несколько типов входов. Вот некоторые из важных: 

Тип ввода Текст

определяет однострочное поле ввода текста.

Вот как HTML-код выше будет отображаться в браузере:

Тип ввода Пароль

определяет поле пароля.

Это даст следующий результат:

Тип ввода Отправить

определяет кнопку для отправки данных формы на страницу сервера.

Это приведет к следующему результату.

Тип входа Радио

определяет переключатель.

Радиокнопка используется, когда нужно выбрать только один вариант из нескольких предложенных вариантов.

Это даст следующий результат:

Флажок типа ввода

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

Это даст следующий результат:

Элемент

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *