HTML <button> formmethod Atrybut

❮ Znacznik HTML <button>

Przykład

Formularz z dwoma przyciskami przesyłania. Pierwszy przycisk przesyłania przesyła dane formularza z method="get", a drugi przesyła dane formularza z method="post":

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Submit</button>
  <button type="submit" formmethod="post">Submit using POST</button>
</form>

Definicja i użycie

Atrybut określa , formmethodktórej metody HTTP należy użyć podczas wysyłania danych formularza. Ten atrybut zastępuje atrybut formularza method.

formmethodAtrybut jest używany tylko dla przycisków z type="submit".

Dane formularza mogą być wysyłane jako zmienne URL (za pomocą method="get") lub jako post HTTP (za pomocą method="post").

Uwagi dotyczące metody „get”:

  • dołącza dane formularza do adresu URL w parach nazwa/wartość
  • jest to przydatne w przypadku przesyłania formularzy, w których użytkownik chce dodać wynik do zakładek
  • Istnieje limit ilości danych, które możesz umieścić w adresie URL (różni się w zależności od przeglądarki), dlatego nie możesz być pewien, że wszystkie dane z formularza zostaną poprawnie przesłane
  • Nigdy nie używaj metody „get” do przekazywania poufnych informacji! (hasło lub inne poufne informacje będą widoczne w pasku adresu przeglądarki)

Uwagi dotyczące metody „post”:

  • wysyła dane z formularza jako transakcję pocztową HTTP
  • Przesłanych formularzy metodą „post” nie można dodać do zakładek
  • jest bardziej solidny i bezpieczny niż "get"
  • nie ma ograniczeń rozmiaru

Obsługa przeglądarki

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

Attribute
formmethod 9.0 10.0 4.0 5.1 15.0

Składnia

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

Wartości atrybutów

Value Description
get Appends the form-data to the URL: URL?name=value&name=value
post Sends the form-data as an HTTP post transaction

❮ Znacznik HTML <button>