Wenn Elemente miteinander in Beziehung stehen, ist es sinnvoll, sie zu gruppieren. Dies unterstützt die Benutzer dabei, das Formular besser zu erfassen, da sie sich auf kleinere, strukturierte Feldgruppen konzentrieren können, anstatt das gesamte Formular auf einmal verstehen zu müssen. Gruppierungen können sowohl visuell in der Benutzeroberfläche als auch logisch im Code vorgenommen werden.

fieldset- und legend-Elemente

Das <fieldset>-Element kann verwendet werden, um mehrere zusammengehörige Formularelemente zu gruppieren. Es dient als Container für diese Elemente, und mit dem verschachtelten <legend>-Element kann eine Gruppenüberschrift hinzugefügt werden. Besonders bei verwandten Optionsfeldern (Radio-Buttons) und Kontrollkästchen ist eine Gruppierung wichtig; andere Feldtypen können bei Bedarf ebenfalls gruppiert werden. Dies verbessert die Struktur und Übersichtlichkeit des Formulars für die Benutzer.

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.

• Das fieldset gruppiert die Kontrollkästchen und macht das Formular für den Benutzer übersichtlicher und verständlicher;

• Das legend stellt einen Titel bereit, der dem Benutzer mitteilt, dass dieser Abschnitt für die Produktauswahl gedacht ist;

• Die Kontrollkästchen ermöglichen es dem Benutzer, mehrere Produkte aus den verfügbaren Optionen auszuwählen. Jede Option ist einem bestimmten Produkt (Gemüse, Obst, Milchprodukt) zugeordnet.

Hinweis

Herzlichen Glückwunsch zum Abschluss des HTML-Kurses! Sie haben das letzte Kapitel erreicht und verfügen nun über ein solides Fundament in der Webentwicklung. Wenn Sie das Gebiet weiter erkunden möchten, erwägen Sie einen Einstieg in CSS – die Sprache für das Styling und Design von Webseiten. Verbessern Sie Ihre Fähigkeiten und entdecken Sie unendliche Möglichkeiten, optisch ansprechende Websites zu erstellen.