HTML-Formularattribute

Dieses Kapitel stellt HTML vor <form> Verschiedene Attribute des Elements.

Action-Attribut

action Das Attribut definiert die Aktion, die beim Absenden des Formulars ausgeführt wird.

Normalerweise werden die Formulardaten an eine Datei auf dem Server gesendet, wenn der Benutzer auf die Schaltfläche "Submit" klickt.

In den folgenden Beispielen werden die Formulardaten an eine Datei namens "action_page.php" gesendet. Diese Datei enthält einen Server-Skript, der die Formulardaten verarbeitet:

Beispiel

Nach dem Absenden werden die Formulardaten an "action_page.php" gesendet:

<form action="/action_page.php">
  <label for="fname">Vorname:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Nachname:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

Selbst ausprobieren

Hinweis:Wenn das Attribut action weggelassen wird, wird action auf die aktuelle Seite gesetzt.

Target-Eigenschaft

target Die Eigenschaft legt fest, wo die Antwort nach dem Übermitteln des Formulars angezeigt wird.

target Die Eigenschaft kann einen der folgenden Werte festlegen:

Wert Beschreibung
_blank Die Antwort wird in einem neuen Fenster oder Tab angezeigt.
_self Die Antwort wird im aktuellen Fenster angezeigt.
_parent Die Antwort wird im übergeordneten Frame angezeigt.
_top Die Antwort wird im gesamten body des Fensters angezeigt.
framename Die Antwort wird im benannten iframe angezeigt.

Der Standardwert ist _self, was bedeutet, dass die Antwort im aktuellen Fenster geöffnet wird.

Beispiel

Hier wird das Ergebnis im neuen Browser-Tab geöffnet:

<form action="/action_page.php" target="_blank">

Selbst ausprobieren

Method-Eigenschaft

Die Method-Eigenschaft legt die HTTP-Methode fest, die beim Übermitteln von Formulardaten verwendet werden soll.

Formulardaten können als URL-Variable (verwenden method="get") oder als HTTP-POST-Transaktion (verwenden method="post") gesendet.

Die Standard-HTTP-Methode bei der Übermittlung von Formulardaten ist GET.

Beispiel

In diesem Beispiel wird die Methode GET verwendet, um Formulardaten zu übermitteln:

<form action="/action_page.php" method="get">

Selbst ausprobieren

Beispiel

In diesem Beispiel wird die Methode POST verwendet, um Formulardaten zu übermitteln:

<form action="/action_page.php" method="post">

Selbst ausprobieren

Hinweise zu GET:

  • Fügen Sie die Formulardaten in Form von Name/Wert-Paaren an die URL an
  • Verwenden Sie niemals GET, um sensible Daten zu senden! (Übermittelte Formulardaten sind in der URL sichtbar!)
  • Die Länge der URL ist begrenzt (2048 Zeichen)
  • Nützlich für Formularübermittlungen, bei denen der Benutzer die Ergebnisse als Lesezeichen hinzufügen möchte
  • GET ist für unsichere Daten geeignet, z.B. Suchstrings in Google

Hinweise zu POST:

  • Fügen Sie die Formulardaten am Textkörper der HTTP-Anfrage an (zeigen Sie die übermittelten Formulardaten nicht in der URL an)
  • POST hat keine Größenbeschränkung und kann zum Senden großer Datenmengen verwendet werden.
  • Formularübermittlungen mit POST können keine Lesezeichen hinzufügen

Hinweis:Wenn Formulardaten sensible Informationen oder persönliche Daten enthalten, verwenden Sie unbedingt POST!

Autocomplete-Eigenschaft

autocomplete Die Eigenschaft legt fest, ob das automatische Vervollständigen des Formulars aktiviert sein sollte.

Wenn die automatische Vervollständigung aktiviert ist, füllt der Browser automatisch Werte aus, basierend auf den zuvor von den Benutzern eingegebenen Werten.

Beispiel

Aktivieren Sie das automatische Ausfüllen des Formulars:

<form action="/action_page.php" autocomplete="on">

Selbst ausprobieren

Novalidate Eigenschaft

novalidate Das Attribut ist ein boolesches Attribut.

Wenn gesetz, legt es fest, dass das Formular bei der Übermittlung nicht überprüft werden soll.

Beispiel

Formular ohne gesetzte novalidate Eigenschaft:

<form action="/action_page.php" novalidate>

Selbst ausprobieren

Liste aller <form>-Eigenschaften

Eigenschaft Beschreibung
accept-charset Legt die Zeichensatz编码 fest, die für die Formularübergabe verwendet wird.
action Legt fest, wo die Formulardaten bei der Übermittlung gesendet werden sollen.
autocomplete Legt fest, ob die automatische Vervollständigung (Ausfüllen) für das Formular aktiviert werden soll.
enctype Legt fest, wie die Formulardaten codiert werden sollen, wenn sie an den Server gesendet werden (nur für method="post").
method Legt die HTTP-Methode fest, die beim Senden des Formulars verwendet werden soll.
name Legt den Namen des Formulars fest.
novalidate Legt fest, dass das Formular bei der Übermittlung nicht überprüft werden soll.
rel Legt fest, welche Beziehung zwischen dem verlinkten Ressource und dem aktuellen Dokument besteht.
target Legt fest, wo die empfangene Antwort nach dem Absenden des Formulars angezeigt wird.