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


Атрибут formmethod визначає, яким HTTP методом передавати форм-дані. Цей атрибут перевизначає атрибут method тега <form>.

Атрибут formmethod використовується тільки з кнопками типу "submit".

Форм-дані можуть бути відправлені в якості URL-змінних (за допомогою методу = "get") або як POST запит (за допомогою методу = "post").

автор: с3с

Нотатка

Про метод "get":

  • він додає форм-дані до URL в якості пар ім'я/значення
  • це корисно для форм, коли користувачу потрібно надати можливість додати результат в закладки
  • Існує обмеження по розміру форм-даних, що передаються в URL (Цей розмір залежить від конкретного браузера), тому, ви не можете бути впевнені, що всі форм-дані будуть коректно передано
  • Ніколи не використовуйте метод "get", щоб передати конфіденційну інформацію! (Пароль або іншу конфіденційну інформацію буде відображатися в адресному рядку браузера)
автор: с3с
Нотатка

Про метод "post":

  • він посилає форм-дані в якості HTTP POST операції
  • Форма з методом "post" не може бути закладкою
  • він більш надійний та безпечний ніж метод"get"
  • він не має обмежень по розміру
автор: с3с

Синтаксис

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

Атрибут formmethod може отримувати 2 значень:

get

Цей метод призначений для передачі даних форми безпосередньо в адресному рядку у вигляді пар "ім'я = значення", які додаються до адреси сторінки після знаку питання і розділяються між собою амперсандом (символ &). Повна адреса буде "http://example.com/?name=Taras&password=SD_Tdf7". Обсяг даних, що відправляються обмежений 4кб.

В жодному разі не використовуйте цей метод для відправки конфіденційних даних (Наприклад, для сторінки авторизації).

автор: с3с

post

Відправляє форм-дані на сервер пост запитом, обсяг даних, що пересилаються обмежений лише налаштуваннями сервера.

автор: с3с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
9+ 4+ 5+ 10.6+ 12+ 0+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4+ 1+ 4+ 5+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HMTL атрибута formmethod теґа <button>

See the Pen Button_formmethod_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Атрибут formaction тега <button> з'явився тільки в HTML5.

Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід