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 dem folgenden Beispiel werden die Formulardaten an die Datei "action_page.php" gesendet. Diese Datei enthält den 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 Eigenschaft "method" legt fest, welche HTTP-Methode bei der Übermittlung von Formulardaten verwendet werden soll.

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

Bei der Übermittlung von Formulardaten ist das Standard-HTTP-Verfahren GET.

Beispiel

In diesem Beispiel wird das GET-Verfahren verwendet, um Formulardaten zu übermitteln:

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

Selbst ausprobieren

Beispiel

In diesem Beispiel wird das POST-Verfahren 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 Benutzer die Ergebnisse als Lesezeichen hinzufügen möchten
  • 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 aktiviert werden soll.

Nachdem die automatische Vervollständigung aktiviert wurde, füllt der Browser Werte automatisch aus, basierend auf den zuvor von Benutzer eingegebenen Werten.

Beispiel

Aktivieren Sie das automatische Ausfüllen des Formulars:

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

Selbst ausprobieren

Novalidate Attribut

novalidate Das Attribut ist ein boolesches Attribut.

Wenn gesetzt, definiert es, dass das Formular bei der Übermittlung nicht überprüft werden soll.

Beispiel

Formular ohne gesetztes novalidate Attribut:

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

Selbst ausprobieren

Liste aller <form>-Attribute

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