Aufgaben-Python/courses/html_css/03_formulare_und_validierung/README.md

HTML 03: Formulare & HTML5-Validierung 📋

Willkommen in Modul 03!

In dieser Einheit baust du interaktive Eingabeformulare, verknüpfst barrierefreie Labels und nutzt native HTML5-Validierungsregeln.

---

💡 1. Das Wichtigste in Kürze

Formular & Labels

• Jedes Eingabefeld benötigt ein id-Attribut und ein passendes <label for="...">.
• <fieldset> gruppiert logisch zusammenhängende Felder, <legend> liefert den Titel.

Input-Typen

• <input type="text">: Einzeiliger Text.
• <input type="email">: E-Mail-Validierung.
• <input type="password">: Versteckte Passworteingabe.
• <input type="number">: Numerische Eingabe mit min, max, step.
• <select> & <option>: Dropdown-Auswahl.
• <textarea>: Mehrzeiliger Fließtext.

Validierung ohne JavaScript

• required: Feld darf nicht leer sein.
• minlength / maxlength: Minimale / maximale Textlänge.
• min / max: Zahlen- und Datumslimits.
• pattern: Regex-Prüfung direkt im Browser.

---

🎯 Teilziele in aufgabe.html

1. Form-Container: Erstelle <form action="/submit" method="POST"> mit <fieldset> und <legend>.
2. Text & E-Mail: Lege Input-Felder für Name und E-Mail mit verknüpften <label for="..."> und required an.
3. Passwort & Zahl: Füge ein Passwort-Feld (minlength="8") und ein Number-Feld (min="1", max="50") hinzu.
4. Auswahl & Textarea: Integriere <select> mit <option>-Einträgen und eine <textarea>.
5. AGB & Submit: Füge eine AGB-Checkbox (required) und <button type="submit"> ein.