HTML
Formulare
Formulare sind die Schnittstelle fuer Eingaben: Login, Suche, Kontakt, Einstellungen und viele andere Workflows.
Basis
form gruppiert Felder, die gemeinsam abgeschickt werden.
label verbindet Beschriftung und Eingabefeld. Das ist wichtig für Bedienbarkeit und Barrierefreiheit.
button kann ein Formular absenden oder als normaler Aktionsbutton dienen.
<form><label><input><button>
Einfaches Formular
<form action="/login" method="post">
<label for="email">E-Mail</label>
<input id="email" name="email" type="email">
<button type="submit">Anmelden</button>
</form>Eingabetypen
Das type-Attribut entscheidet, welches Eingabeverhalten der Browser anbietet.
email, password, checkbox, radio, date und number bringen Validierung oder passende Tastaturen mit.
<input type="email"><input type="password"><checkbox><radio>
Mehr Struktur
textarea ist für mehrzeilige Texte.
select und option bilden Dropdowns. fieldset und legend gruppieren zusammengehörende Felder.
<textarea><select><option><fieldset><legend><datalist><output>
Fortschritt
Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.