HTML <button> formmethod Atrybut
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 , formmethod
której metody HTTP należy użyć podczas wysyłania danych formularza. Ten atrybut zastępuje atrybut formularza method
.
formmethod
Atrybut 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>