HTML-Formulare

Formulare mit Eingabefeldern, Labels und Buttons aufbauen.

Lernziel

Du kannst einfache HTML-Formulare erstellen und verstehst, wie Eingaben strukturiert erfasst werden.

Wofuer Formulare da sind

Formulare sind die Grundlage fuer Suche, Registrierung, Login oder Kontaktseiten. Sie sammeln Eingaben von Besuchern und senden diese spaeter an eine Anwendung weiter.

Beispiel

<form>
    <label for="name">Name</label>
    <input id="name" type="text">
    <button type="submit">Senden</button>
</form>

Drag-Aufgabe

Setze die wichtigsten HTML-Formular-Tags an die richtige Stelle. So uebst du die typische Grundstruktur eines einfachen Formulars.

Bausteine

Baustein ziehen oder anklicken, dann in eine Luecke setzen.

Live-Beispiel

Was bewirkt der Code?

form fasst alle Eingabefelder zusammen. label beschreibt das Feld fuer Benutzer klar und ist ueber das for Attribut mit dem input verbunden. input erzeugt das eigentliche Eingabefeld. Der Button startet das Absenden des Formulars.

Wichtig

Labels verbessern die Bedienbarkeit und Zugaenglichkeit von Formularen deutlich und sollten nicht weggelassen werden.

Weiter →