Lädt...
HTML-Formularelemente
Ein Formular ist ein Werkzeugkasten. Fragen brauchen passende Controls.
Direkte Antwort
Use label + controls such as input, textarea, select, and button. Group with fieldset and legend. Every control needs an accessible name (usually via label).
📊 Häufige Formularteile
| Element | Role |
|---|---|
| label | Names a control for humans and assistive tech |
| input | Many single-line / toggle controls (see Input Types) |
| textarea | Multi-line text |
| select / option | Choose from a list |
| button | Actions (submit/reset/button) |
| fieldset / legend | Group related controls with a title |
Mixed controls sketch
html
HTML Code
<form action="/profile" method="post">
<fieldset>
<legend>Profile</legend>
<label for="bio">Bio</label>
<textarea id="bio" name="bio" rows="4"></textarea>
<label for="level">Level</label>
<select id="level" name="level">
<option value="beginner">Beginner</option>
<option value="middle">Middle</option>
</select>
<button type="submit">Save</button>
</fieldset>
</form>Ausprobieren
- fieldset + legend
- textarea + select with labels
- submit button
- keyboard reach each control
Typische Fehler
- controls without labels
- div title instead of legend
- submit outside form
Zusammenfassung
- match control to question
- always label
- fieldset/legend groups
- details next lessons
🧠 Testen Sie Ihr Wissen
Bereit zum Start
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
5
Fragen
70%
Zum Bestehen
∞
Zeit
∞
Versuche
📝 Anweisungen
- Lesen Sie jede Frage sorgfältig
- Wählen Sie die beste Antwort für jede Frage
- Sie können das Quiz so oft wiederholen, wie Sie möchten
- Ihr Fortschritt wird oben angezeigt