HTML <button> atrybut formmethod

Definicja i użycie

formmethod Atrybut określa metodę HTTP używaną do wysyłania danych formularza. Ten atrybut nadpisuje atrybut formularza method.

formmethod Atrybut jest używany tylko do type="submit" przycisku.

Dane formularza można wysłać jako zmienne URL (używając method="get") lub wysyłane jako HTTP post (używając method="post")

Uwagi dotyczące metody "get":

  • Wysyła dane formularza jako parę nazwa/wartość do URL
  • To jest bardzo przydatne dla formularzy, w których użytkownik chce dodać wynik jako zakładkę
  • Ilość danych, które można umieścić w URL, jest ograniczona (zależy od przeglądarki), więc nie można zagwarantować, że wszystkie dane formularza będą poprawnie przetransportowane.
  • Nigdy nie używaj metody "get" do przekazywania danych wrażliwych (hasła lub innych danych wrażliwych będą widoczne w pasku adresu przeglądarki)

Uwagi dotyczące metody "post":

  • Wysyła dane formularza jako transakcję HTTP POST
  • Formularze wysyłane metodą "post" nie mogą być zapisane jako zakładki
  • W porównaniu do metody "get", metoda "post" jest bardziej solidna i bezpieczna
  • Nie ma ograniczeń dotyczących wielkości

Przykład

Formularz z dwoma przyciskami wysyłającymi. Pierwszy przycisk wysyła dane formularza za pomocą method="get", drugi przycisk wysyła dane formularza za pomocą method="post":

<form action="/action_page.php" method="get">
  <label for="fname">Imię:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nazwisko:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Wyślij</button>
  <button type="submit" formmethod="post">Wyślij za pomocą POST</button>
</form>

Spróbuj sam

Gramatyka

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

Wartość atrybutu

Wartość Opis
get Dodaj dane formularza do URL:URL?name=value&name=value.
post Wysyłaj dane formularza jako transakcję HTTP POST.

Wsparcie przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

Komentarz:formmethod Atrybut to nowa atrybut w HTML 5.