HTML <button> formmethod-Attribut

HTML-<button> Tag

Definition und Verwendung

formmethod Das Attribut legt die HTTP-Methode fest, die beim Senden von Formulardaten verwendet wird. Dieses Attribut überschreibt das Formular-Attribut method.

formmethod Das Attribut wird nur für type="submit" der Schaltfläche.

Formulardaten können als URL-Variable gesendet werden (verwenden method="get") oder als HTTP Post gesendet (verwenden method="post")

Hinweise zur "get"-Methode:

  • Es fügt das Formular als Name/Wert-Paar der URL hinzu
  • Das ist sehr nützlich für Formularübermittlungen, bei denen der Benutzer die Ergebnisse als Lesezeichen hinzufügen möchte
  • Die Datenmenge, die in der URL platziert werden kann, ist begrenzt (abhängig vom Browser), daher kann nicht sichergestellt werden, dass alle Formulardaten korrekt übermittelt werden.
  • Verwenden Sie niemals die "get"-Methode, um sensible Informationen zu übermitteln! (Passwörter oder andere sensible Informationen werden in der Adressleiste des Browsers angezeigt)

Hinweise zur "post"-Methode:

  • Es sendet das Formular als HTTP POST-Transaktion
  • Formulare, die mit der "post"-Methode übermittelt werden, können nicht als Lesezeichen gespeichert werden
  • Im Vergleich zur "get"-Methode ist die "post"-Methode robuster und sicherer
  • Es gibt keine Größenbeschränkung

Beispiel

Ein Formular mit zwei Absendeschaltflächen. Der erste Absendeschalter verwendet method="get", um das Formular zu übermitteln, und der zweite Absendeschalter verwendet method="post", um das Formular zu übermitteln:

<form action="/action_page.php" method="get">
  <label for="fname">Vorname：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nachname：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Senden</button>
  <button type="submit" formmethod="post">POST senden</button>
</form>

Selbst ausprobieren

Syntax

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

Eigenschaftswert

Wert Beschreibung
get Fügen Sie die Formulardaten der URL hinzu:URL?name=value&name=value.
post Senden Sie die Formulardaten als HTTP Post-Transaktion.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Version des Browsers hin, die diese Eigenschaft vollständig unterstützt.

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

Anmerkung:formmethod Eigenschaften sind neue Eigenschaften in HTML 5.

HTML-<button> Tag