Das form-Tag

Das Tag form erstellt ein Formular zum Senden von Daten an den Server, wo diese Daten verarbeitet werden mit der Programmiersprache PHP. Formulardaten können auch verarbeitet werden mit der Programmiersprache JavaScript.

Das Tag dient als Container für die Tags input, textarea, select, button, fieldset. Die genannten Tags müssen nicht unbedingt innerhalb des form-Tags platziert werden, aber wenn dies nicht geschieht, wird das Formular nicht an den Server gesendet.

Das Senden des Formulars an den Server erfolgt durch Klicken auf eine Schaltfläche, die durch das Tag input mit dem Attribut type mit dem Wert submit erstellt wird, oder auf eine Schaltfläche button.

Attribute

Attribut	Beschreibung
`action`	Wohin das Formular gesendet wird, an welche Seite der Website (der eigenen oder einer fremden). Wenn leer gelassen, wird das Formular an die aktuelle Seite gesendet. Optionales Attribut. Im Attribut kann ein Link zu einem bestimmten Ort auf der Seite angegeben werden (über `#`, wie im Tag `a`). In diesem Fall öffnet der Browser nach dem Senden des Formulars die im Attribut `action` angegebene Seite an der angegebenen Stelle.
`method`	Die Methode zum Senden des Formulars, kann `POST` oder `GET` sein. Ein Frontend-Entwickler muss dies nicht unbedingt wissen. Optionales Attribut. Standardwert ist `GET`.
`target`	Gibt an, in welchem Tab der Link geöffnet werden soll: in einem neuen, im aktuellen oder in einem Frame. Optionales Attribut.
`enctype`	Legt die Art der Kodierung der Formulardaten fest. Optionales Attribut. Weitere Informationen siehe Attribut `enctype`.

Werte des Attributs target

Wert	Beschreibung
`_blank`	Die Seite wird in einem neuen Browser-Tab geöffnet.
`_self`	Die Seite wird im aktuellen Browser-Tab geöffnet.
`_parent`	Die Seite wird im Eltern-Frame geöffnet.
`_top`	Hebt alle Frames auf und lädt die Seite im gesamten Browserfenster.

Standardwert: _self.

Beispiel eines Formulars

<form action="" method="GET">
	<input type="text"><br><br>
	<input type="checkbox">
	<input type="checkbox" checked>
	<input type="radio" name="radio">
	<input type="radio" name="radio">
	<br><br>
	<textarea></textarea><br><br>
	<input type="submit">
</form>

Siehe auch

das Attribut form,
das es erlaubt, Formularelemente außerhalb des form-Tags zu platzieren