Gruppierung von Formularelementen für eine bessere Struktur
Swipe um das Menü anzuzeigen
Wenn Formularfelder zusammengehören, erleichtert das Gruppieren den Nutzern die Informationsverarbeitung. Es unterteilt große Formulare in kleinere, übersichtliche Abschnitte und verbessert die Benutzerfreundlichkeit. In HTML erfolgt die Gruppierung mit <fieldset> und <legend>.
fieldset- und legend-Elemente
<fieldset>gruppiert zusammengehörige Formularelemente;<legend>fügt einen Titel für diese Gruppe hinzu.
Nützlich für Optionsfelder, Kontrollkästchen und alle Abschnitte mit verwandten Feldern.
index.html
index.css
Beispiel
Dieses Beispiel verwendet das Element fieldset, um zusammengehörige Formularelemente zu gruppieren, und das Element legend, um eine Überschrift für die Gruppe bereitzustellen. Es konzentriert sich auf ein Produkt-Auswahlformular, bei dem Benutzer mehrere Produkte auswählen können.
index.html
index.css
- Das
fieldsetgruppiert die Kontrollkästchen zu einem logischen Abschnitt; - Das
legendgibt an, worum es in der Gruppe geht; - Kontrollkästchen ermöglichen die Auswahl mehrerer Elemente.
Du hast den letzten HTML-Schritt abgeschlossen. Wenn du deine Fähigkeiten weiter ausbauen möchtest, ist dein nächster Schritt CSS , wo du lernst, wie man moderne und ansprechende Webseiten gestaltet und designt.
1. Welchen Zweck erfüllt das legend-Element in HTML-Fieldsets?
2. Warum ist das Gruppieren verwandter Formularelemente mit dem fieldset-Element wichtig?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
