Apprendre Regroupement des éléments de formulaire pour une meilleure structure

Lorsque les champs d’un formulaire sont liés, les regrouper aide les utilisateurs à traiter l’information plus facilement. Cela divise les grands formulaires en sections plus petites et claires, et améliore l’utilisabilité. En HTML, le regroupement s’effectue avec <fieldset> et <legend>.

Éléments fieldset et legend

<fieldset> regroupe des contrôles de formulaire liés ;
<legend> ajoute un titre à ce groupe.

Utile pour les boutons radio, les cases à cocher et toute section de champs liés.

index.html

index.css

Exemple

Cet exemple utilise l’élément fieldset pour regrouper des contrôles de formulaire liés et l’élément legend pour fournir une légende au groupe. Il se concentre sur un formulaire de sélection de produits où les utilisateurs peuvent choisir plusieurs produits.

index.html

index.css

Le fieldset regroupe les cases à cocher en une seule section logique ;
Le legend indique à l’utilisateur le sujet du groupe ;
Les cases à cocher permettent de sélectionner plusieurs éléments.

Note

Vous avez terminé l'étape finale de HTML. Si vous souhaitez continuer à développer vos compétences, votre prochaine étape est CSS , où vous apprendrez à styliser et concevoir des pages web modernes et attrayantes.

1. Quel est le but de l’élément `legend` dans les fieldsets HTML ?

2. Pourquoi est-il important de regrouper des éléments de formulaire liés avec l’élément `fieldset` ?

Tout était clair ?

Merci pour vos commentaires !

Section 5. Chapitre 10

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

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?

Glissez pour afficher le menu

Éléments fieldset et legend

<fieldset> regroupe des contrôles de formulaire liés ;
<legend> ajoute un titre à ce groupe.

Utile pour les boutons radio, les cases à cocher et toute section de champs liés.

index.html

index.css

Exemple

index.html

index.css

Le fieldset regroupe les cases à cocher en une seule section logique ;
Le legend indique à l’utilisateur le sujet du groupe ;
Les cases à cocher permettent de sélectionner plusieurs éléments.

Note

1. Quel est le but de l’élément `legend` dans les fieldsets HTML ?

2. Pourquoi est-il important de regrouper des éléments de formulaire liés avec l’élément `fieldset` ?

Tout était clair ?

Merci pour vos commentaires !

Section 5. Chapitre 10

Regroupement des éléments de formulaire pour une meilleure structure

Éléments fieldset et legend

Exemple

1. Quel est le but de l’élément legend dans les fieldsets HTML ?

2. Pourquoi est-il important de regrouper des éléments de formulaire liés avec l’élément fieldset ?

Regroupement des éléments de formulaire pour une meilleure structure

Éléments fieldset et legend

Exemple

1. Quel est le but de l’élément legend dans les fieldsets HTML ?

2. Pourquoi est-il important de regrouper des éléments de formulaire liés avec l’élément fieldset ?

1. Quel est le but de l’élément `legend` dans les fieldsets HTML ?

2. Pourquoi est-il important de regrouper des éléments de formulaire liés avec l’élément `fieldset` ?

1. Quel est le but de l’élément `legend` dans les fieldsets HTML ?

2. Pourquoi est-il important de regrouper des éléments de formulaire liés avec l’élément `fieldset` ?