Вебсправочник
Справочник HTML

method: различие GET и POST в HTML-форме

Атрибут method определяет способ штатной HTTP-отправки формы и влияет на размещение её данных.

Назначение

Атрибут method определяет способ штатной HTTP-отправки формы и влияет на размещение её данных.

Как это работает

GET обычно используют для поиска и переходов: параметры попадают в URL. POST передаёт данные в теле запроса и подходит для действий, меняющих состояние, но сам по себе не шифрует соединение.

Пример

<form action="/search" method="get"><label>Поиск <input name="q"></label><button type="submit">Найти</button></form>

Что должно получиться

На странице с подходящим обработчиком поисковый запрос становится параметром q в адресе. Песочница не отправляет форму, а путь /search здесь обозначает учебный обработчик.

Граница применения и частая ошибка

Пароли нельзя отправлять через GET. И POST без HTTPS не делает данные конфиденциальными; защиту соединения и проверку действий на сервере нужно обеспечивать отдельно.

Самостоятельная проверка

В учебном локальном обработчике сравните URL и тело запросов двух методов. Не отправляйте реальные пароли и персональные данные при эксперименте.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.

Попробуйте сами

HTML + CSS песочница
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.