Lernen Gruppierung von Formularelementen für eine bessere Struktur

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 dieser Gruppe eine Überschrift hinzu.

Nützlich für Optionsfelder (Radio Buttons), Kontrollkästchen (Checkboxes) 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. Im Fokus steht ein Produkt-Auswahlformular, bei dem Benutzer mehrere Produkte auswählen können.

index.html

index.css

Das fieldset gruppiert die Kontrollkästchen zu einem logischen Abschnitt;
Das legend informiert den Benutzer über den Zweck der Gruppe;
Kontrollkästchen ermöglichen die Auswahl mehrerer Elemente.

Hinweis

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 du moderne und ansprechende Webseiten gestaltest und designst.

1. Welchen Zweck hat das `legend`-Element in HTML-Fieldsets?

2. Warum ist das Gruppieren verwandter Formularelemente mit dem `fieldset`-Element wichtig?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 10

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you show me a sample HTML form using fieldset and legend?

What are some best practices for using fieldset and legend in forms?

Are there accessibility benefits to using fieldset and legend?

Swipe um das Menü anzuzeigen

fieldset- und legend-Elemente

<fieldset> gruppiert zusammengehörige Formularelemente;
<legend> fügt dieser Gruppe eine Überschrift hinzu.

Nützlich für Optionsfelder (Radio Buttons), Kontrollkästchen (Checkboxes) und alle Abschnitte mit verwandten Feldern.

index.html

index.css

Beispiel

index.html

index.css

Das fieldset gruppiert die Kontrollkästchen zu einem logischen Abschnitt;
Das legend informiert den Benutzer über den Zweck der Gruppe;
Kontrollkästchen ermöglichen die Auswahl mehrerer Elemente.

Hinweis

1. Welchen Zweck hat das `legend`-Element in HTML-Fieldsets?

2. Warum ist das Gruppieren verwandter Formularelemente mit dem `fieldset`-Element wichtig?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 10

Gruppierung von Formularelementen für eine bessere Struktur

fieldset- und legend-Elemente

Beispiel

1. Welchen Zweck hat das legend-Element in HTML-Fieldsets?

2. Warum ist das Gruppieren verwandter Formularelemente mit dem fieldset-Element wichtig?

Gruppierung von Formularelementen für eine bessere Struktur

fieldset- und legend-Elemente

Beispiel

1. Welchen Zweck hat das legend-Element in HTML-Fieldsets?

2. Warum ist das Gruppieren verwandter Formularelemente mit dem fieldset-Element wichtig?

1. Welchen Zweck hat das `legend`-Element in HTML-Fieldsets?

2. Warum ist das Gruppieren verwandter Formularelemente mit dem `fieldset`-Element wichtig?

1. Welchen Zweck hat das `legend`-Element in HTML-Fieldsets?

2. Warum ist das Gruppieren verwandter Formularelemente mit dem `fieldset`-Element wichtig?