Button formMethod-Attribut

HTML DOM Button-Objekt

Definition und Verwendung

formMethod Eigenschaft, um den Wert des Buttons zu formmethod-Attribut Wert.

Das formmethod-Attribut legt die HTTP-Methode fest, die zur Übermittlung von Formulardaten verwendet wird. Dieses Attribut überschreibt das Attribut method des Formulars.

Das Attribut formmethod wird nur für Buttons mit type="submit" verwendet.

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

Beachtungen zur Methode "get":

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

Beachtungen zur Methode "post":

  • Es sendet das Formular als HTTP Post-Transaktion
  • Formulare, die mit der Methode "post" übermittelt werden, können nicht mit Bookmarks hinzugefügt werden
  • Stärker und sicherer als "get"
  • Keine Größenbeschränkung

Anmerkung:formmethod-Attribut Es ist ein neues Attribut des HTML5 <button>-Elements.

Beispiel

Beispiel 1

Rückgabe der verwendeten HTTP-Methode zur Übermittlung von Formulardaten:

var x = document.getElementById("myBtn").formMethod;

Versuchen Sie es selbst!

Beispiel 2

Ändern Sie die Methode zur Übermittlung von Formulardaten:

document.getElementById("myBtn").formMethod = "post";

Versuchen Sie es selbst!

Beispiel 3

Ein weiteres Beispiel zur Rückgabe des Attributs formMethod:

var x = document.getElementById("myBtn").formMethod;

Versuchen Sie es selbst!

Syntax

Rückgabe des Attributs formMethod:

buttonObject.formMethod

Setzen Sie das Attribut formMethod:

buttonObject.formMethod = get|post

Attributwert

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

Technische Details

Rückgabewert: Zeichenkettenwert, der die HTTP-Methode angibt, die für die Übermittlung des Formulars an den Server verwendet wird.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 10.0 Unterstützung Unterstützung Unterstützung

Verwandte Seiten

HTML-Referenzhandbuch:HTML <button> formmethod-Eigenschaft

HTML DOM Button-Objekt