<form> Tag - Formulare in HTML

Beispiel:

<form action="/action.php">
  Vorname: <input type="text" name="vorname"><br>
  Nachname: <input type="text" name="nachname"><br>
  <input type="submit" value="Absenden">
</form>

Online testen

Verwendung

Der form Tag erstellt ein Formular, welches der Benutzer ausfüllen und absenden kann. Im Formular kommen Eingabefelder vor, diese werden mit folgenden HTML-Tags definiert:

  • <input>
  • <textarea>
  • <button>
  • <select>
  • <option>
  • <optgroup>
  • <fieldset>
  • <label>

Wie sich da Formular verhält, wie die Formulardaten verschickt werden und wohin, wird über die Attribute festgelegt.

Attribute

Attribut Wert Beschreibung
accept-charset Name des Character-Sets Festlegung des Charactersets für die Übertragung des Formulars.
action URL URL des Scriptes, welches die Verarbeitung der Formulardaten übernimmt
autocomplete on, off Autovervollständigung des Browsers nutzen ja oder nein
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain

Gibt an, wie die Formulardaten kodiert werden, nur für method="post" wichtig:

  • application/x-www-form-urlencoded -> Schlüssel und Werte werden mit & und = getrennt, nicht für Binärdaten geeignet, z.B. Dateiupload, dies ist der Vorgabewert, wenn nichts angegeben wird
  • multipart/form-data -> die Daten werden aufgeteilt, in verschiedene Bereiche, z.B. Dateien und Datenfelder, der Typ ist universell einsetzbar und kann auch Dateien übertragen
  • text/plain -> für Debugging-Zwecke werden die Daten als Text übertragen
method

get, post

Gibt an, wie die Daten übertragen werden, als POST oder als GET. Bei GET werden die Daten mittels der URL übergeben. Bei POST direkt an den Server.
name Text Name des Formulars
novalidate novalidate Keine Überprüfung des Formulars beim Abschicken.
target _blank
_self
_parent
_top
Ziel des Formulars, z.B. um aus einem Frame auszubrechen, ein neues Fenster zu öffnen etc.