Alle Lehrpfade2. HTML – Das Skelett jeder Webseite
beginner+50 XP
Formulare und Buttons (Nutzer-Eingaben empfangen)
💡 Die Kernidee im Alltag:
"Bisher war die Webseite eine Einbahnstraße: Der Nutzer liest nur. Mit Formularen und Buttons wird sie interaktiv: Der Nutzer kann sich einloggen, Nachrichten tippen und Aktionen auslösen."
Wie es wirklich funktioniert (Erklärt für 12-Jährige)
Jedes Formular braucht Eingabefelder und einen Knopf zum Bestätigen:
<form>
<label for="name">Dein Name:</label>
<input type="text" id="name" placeholder="z.B. Alex" required />
<label for="mail">E-Mail:</label>
<input type="email" id="mail" placeholder="alex@mail.com" />
<button type="submit">Jetzt absenden</button>
</form>
KI-Power-Tipp für Entwickler
Empfohlener Assistent: Gemini 1.5 Pro
Golden Prompt für deinen Editor:
Erstelle ein barrierefreies Kontaktformular in reinem HTML mit Vorname, Nachname, E-Mail und Nachricht. Verwende saubere <label>-Verknüpfungen via for- und id-Attributen.
Qualitäts-Prüfung: Stelle sicher, dass jedes <label for="X"> genau zu einem <input id="X"> passt.
Interaktive Übung & lokaler Testlauf
Erstelle ein Formular mit einem Textfeld <input type="text" placeholder="Name" /> und einem <button>Absenden</button>.