<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.