САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <button> атрибут formmethod

❮ HTML тег <button>

Примеры

Форма с двумя кнопками отправки. Первая кнопка отправляет данные формы с помощью method="get", а второй отправляет данные формы с помощью method="post":

<form action="/action_page.php" method="get">
  <label for="fname">Имя:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Фамилия:</label>
  <input type="text" id="lname" name="lname"><br><br>
 <button type="submit">Отправить</button>
 <button type="submit" formmethod="post">Отправляет через POST</button>
</form>
Попробуйте сами »

Определение и использование

Атрибут formmethod указывает, какой метод HTTP следует использовать при отправке данных формы. Этот атрибут переопределяет значение формы атрибута method.

Атрибут formmethod используется только для кнопок с type="submit".

Данные формы могут быть отправлены в виде переменных URL (с помощью method="get") или как HTTP post (с method="post").

Примечание по методу "get":

  • добавляет данные формы к URL в парах имя/значение
  • полезно для отправки форм, когда пользователь хочет добавить результат в закладки
  • Существует ограничение на количество данных, которые вы можете разместить в URL (зависит от браузера), поэтому вы не можете быть уверены, что все данные формы будут правильно переданы
  • Никогда не используйте метод "get" для передачи конфиденциальной информации! (пароль или другая конфиденциальная информация будет видна в адресной строке браузера)

Примечание по методу "post":

  • отправляет данные формы в виде транзакции HTTP post
  • отправленные формы с помощью метода "post" не могут быть помечены закладками
  • более надежен и безопасен, чем "get"
  • не имеет ограничений по размеру

Поддержка браузеров

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

Атрибут
formmethod 9.0 10.0 4.0 5.1 15.0

Синтаксис

<button type="submit" formmethod="get|post">

Значение атрибута

Значение Описание
get Добавляет данные формы к URL: URL?name=value&name=value
post Отправляет данные формы в виде транзакции HTTP post

❮ HTML тег <button>