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>
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.