Formulare in HTML – Daten abfragen, ohne Chaos

Formulare sind das Bindeglied zwischen Nutzer und Webseite. Ohne sie gäbe es keine Kontaktformulare, keine Suche, keine Logins und keine Bestellungen. Immer wenn jemand etwas eintippt und abschickt, steckt ein Formular dahinter.

HTML stellt dafür einfache, aber sehr flexible Mittel bereit. Viele Probleme entstehen nicht, weil HTML kompliziert wäre, sondern weil Formulare ohne Plan gebaut werden. Zu viele Felder, keine Beschriftung oder unklare Abläufe sorgen schnell für Frust.

Das form-Element

Jedes Formular beginnt mit dem <form>-Tag. Hier legst du fest, wohin die Daten gesendet werden und wie.

<form action="/senden.php" method="post">
</form>

method="post" wird fast immer genutzt, da die Daten nicht offen in der URL erscheinen. Das ist nicht nur sauberer, sondern auch sicherer.

Eingabefelder mit input

Das <input>-Element deckt viele Fälle ab. Über das type-Attribut bestimmst du, was eingegeben wird.

<label for="email">E-Mail</label>
<input type="email" id="email" name="email">

Labels sind extrem wichtig. Sie sorgen dafür, dass Nutzer wissen, was sie eingeben sollen und machen Formulare für Screenreader überhaupt erst nutzbar.

Textarea für längere Texte

Für Nachrichten oder Kommentare nutzt man <textarea>. Das Element besitzt einen eigenen Start- und End-Tag.

<textarea name="nachricht" rows="5"></textarea>

Auswahlfelder

Dropdowns (select), Checkboxen und Radio-Buttons kommen zum Einsatz, wenn feste Auswahlmöglichkeiten existieren. Wichtig ist hier Klarheit – nicht jeder mag Rätsel.

Buttons & Absenden

Zum Abschicken nutzt man meist einen Submit-Button. Der Text sollte eindeutig sein. Kreative Button-Texte sehen vielleicht nett aus, verwirren aber oft.

Pflichtfelder & Validierung

Mit required lassen sich Pflichtfelder definieren. Der Browser prüft dann automatisch, ob etwas fehlt. Trotzdem gilt: die echte Prüfung gehört immer auf den Server.

Typische Fehler

• keine Labels
• zu viele Pflichtfelder
• keine Rückmeldung nach dem Absenden
• Formulare, die mobil kaum bedienbar sind

Gute Formulare sind selten auffällig. Sie funktionieren einfach. Wenn Nutzer nicht darüber nachdenken müssen, hast du alles richtig gemacht.