HTML <button> formmethod- Attribut
Beispiel
Ein Formular mit zwei Senden-Buttons. Die erste Submit-Schaltfläche sendet die Formulardaten mit method="get" und die zweite sendet die Formulardaten mit 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>
Definition und Verwendung
Das formmethodAttribut gibt an, welche HTTP-Methode beim Senden der Formulardaten verwendet werden soll. Dieses Attribut überschreibt das Attribut des Formulars method.
Das formmethodAttribut wird nur für Schaltflächen mit verwendet
type="submit".
Die Formulardaten können als URL-Variablen (mit
method="get") oder als HTTP-Post (mit
method="post") gesendet werden.
Hinweise zur "get"-Methode:
- es hängt die Formulardaten in Name/Wert-Paaren an die URL an
- Es ist nützlich für Formularübermittlungen, bei denen ein Benutzer das Ergebnis mit einem Lesezeichen versehen möchte
- Die Datenmenge, die Sie in eine URL einfügen können, ist begrenzt (variiert je nach Browser), daher können Sie nicht sicher sein, dass alle Formulardaten korrekt übertragen werden
- Verwenden Sie niemals die „get“-Methode, um vertrauliche Informationen zu übergeben! (Passwort oder andere sensible Informationen werden in der Adressleiste des Browsers angezeigt)
Hinweise zur "post"-Methode:
- Es sendet die Formulardaten als HTTP-Post-Transaktion
- Formularübermittlungen mit der „Post“-Methode können nicht mit einem Lesezeichen versehen werden
- es ist robuster und sicherer als "get"
- es hat keine Größenbeschränkungen
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.
| Attribute | |||||
|---|---|---|---|---|---|
| formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
Syntax
<button type="submit" formmethod="get|post">
Attributwerte
| 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 |
❮ HTML <button>-Tag