1. Description de la balise <fieldset>
La balise <fieldset> est une balise HTML utilisée pour regrouper des éléments de formulaire connexes au sein d'un formulaire HTML. Elle est souvent associée à la balise <legend> pour fournir une étiquette ou une légende descriptive pour le groupe d'éléments de formulaire qu'elle englobe.
Voici une description plus détaillée de la balise <fieldset> :
- But de la balise : La balise <fieldset> est utilisée pour regrouper des éléments de formulaire associés afin de les organiser visuellement et de les associer en tant qu'ensemble dans un formulaire HTML. Elle aide à améliorer l'accessibilité en indiquant la relation entre les éléments de formulaire connexes.
- Utilisation de la balise <legend> : La balise <legend> est généralement placée à l'intérieur de la balise <fieldset>. Elle fournit une légende ou une étiquette textuelle décrivant le groupe d'éléments de formulaire englobés par le <fieldset>. Cette légende aide les utilisateurs à comprendre le but ou le contexte du groupe d'éléments.
2. Syntaxe et usage de la balise <fieldset>
La balise <fieldset> est une balise HTML qui est généralement utilisée pour créer un groupe de contrôles de formulaire associés.
Voici la syntaxe générale de la balise <fieldset> :
|
1 2 3 |
<fieldset> <!-- Contenu du groupe de contrôles de formulaire --> </fieldset> |
3. Exemples d'usages de la balise <fieldset>
Exemple de code HTML utilisant la balise <fieldset> avec une légende :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<form> <fieldset> <legend>Informations personnelles :</legend> <label for="nom">Nom :</label> <input type="text" id="nom" name="nom"><br> <label for="prenom">Prénom :</label> <input type="text" id="prenom" name="prenom"><br> <!-- Autres éléments de formulaire associés au groupe --> </fieldset> <!-- Autres éléments de formulaire en dehors du groupe --> </form> |
Ce qui affiche au navigateur:
- Regroupement d'éléments : les éléments de formulaire "Nom" et "Prénom" sont regroupés au sein du <fieldset> avec la légende "Informations personnelles".
- Metttre en évidence les éléments liés : Cela aide les utilisateurs à comprendre que ces éléments sont liés aux informations personnelles de l'utilisateur.
Younes Derfoufi
CRMEF OUJDA
1 thought on “La balise <fieldset> HTML”