Zum Inhalt springen

form-Element

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Das form-Element umschließt die Felder eines Formulars und bestimmt, wohin die Eingaben gehen und auf welchem Weg.

form-Element

Element, das Formularfelder zusammenfasst und festlegt, wohin und auf welchem Weg die Eingaben gesendet werden.
Beispiel: „Ein form-Element braucht ein Ziel und eine Methode.“

Die beiden Attribute

Ein Formular in einem beschrifteten Rahmen: Textfeld, Auswahlliste, zwei Radioschalter, eine Checkbox, ein mehrzeiliges Feld und ein Absendeknopf, jeweils rechts mit ihrem Markup benannt.
Das Formular umschließt alle Felder; der Rahmen darin fasst zusammengehörende Angaben zu einer Gruppe.
<form action="/kontakt/senden" method="post">
  …
  <button type="submit">Absenden</button>
</form>

action nennt die Adresse, method den Weg. Ohne Angabe geht es per GET an die aktuelle Adresse, was selten gewollt ist.

Auch mit JavaScript sinnvoll

Wird ein Formular per Skript verschickt, bleibt das Element trotzdem wichtig: Es macht die Eingabetaste im Textfeld wirksam, aktiviert die eingebaute Prüfung und sorgt dafür, dass Passwortmanager die Felder erkennen. Ein Formular aus losen Feldern ohne umgebendes Element verliert all das.

Siehe auch:

input-Element

Ein Element, viele Erscheinungsformen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

label-Element

Die Beschriftung, die am Feld hängt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

button-Element (HTML)

Der Knopf, der etwas auslöst.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Formularmethoden (GET / POST)

Eingaben in der Adresse oder im Rumpf.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

HTML-Formularvalidierung (required)

Der Browser prüft Eingaben, bevor Code dazukommt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)