Manual de référence HTML

Tous les tags HTML

HTML: Balise <fieldset>

HTML - Le marqueur <fieldset> est situé à l'intérieur du marqueur <form>, et est utilisé pour regrouper les éléments pertinents du formulaire HTML. Utilisez le marqueur <legend> pour créer un titre pour <fieldset>. Ce marqueur est également appelé élément <fieldset>.

Exemple en ligne

Regrouper les éléments pertinents du formulaire :

Exemple

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Utilisation du tag fieldset (Tutoriel de base du site web oldtoolbag.com)</title>
</head>
<body>
<form>
　　<fieldset>
　　　　<legend>Données client(oldtoolbag.com)</legend>
　　　　Nom: <input type="text"><br>
　　　　Adresse: <input type="text"><br>
　　　　Numéro de téléphone: <input type="text">
　　</fieldset>
</form>
</body>
</html>

Testez et voyez ‹/›

L'effet après l'exécution est le suivant :

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge le tag <fieldset>.

Définition et instructions d'utilisation du tag

Le tag <fieldset> peut regrouper les éléments pertinents à l'intérieur d'un formulaire.

Le tag <fieldset> dessine une bordure autour des éléments de formulaire pertinents.

La plupart des navigateurs présentent un cadre noir autour de la balise <fieldset>, mais vous pouvez utiliser CSS pour changer ce comportement.

Vous pouvez utiliser la balise <legend> pour afficher le titre du <fieldset>. Ce titre sera présenté avant les contrôles de formulaire pertinents dans <fieldset> et semblera flottant au-dessus du bord supérieur du cadre de <fieldset>.

Astuce et remarque

Astuce :<legend> La balise <fieldset> définit un titre pour l'élément <fieldset>.

HTML 4.01 et HTML5Les différences entre

HTML5 Nouveaux attributs de <fieldset> ajoutés dans HTML: disabled, form, name. 4.01 Ces attributs ne sont pas pris en charge dans HTML.

Attribut

Attribut	Valeur	Description
disabledHTML5	disabled	Définit que les éléments de formulaire pertinents de ce groupe doivent être désactivés.
formHTML5	form_id	Définit un ou plusieurs formulaires appartenant au <fieldset>.
nameHTML5	text	Définit le nom du champ <fieldset>.

Propriétés globales

La balise <fieldset> est prise en charge Propriétés globales de HTML.

Propriétés événementielles

La balise <fieldset> est prise en charge Propriétés événementielles de HTML.

HTML: Balise <i>Balise HTML: <embed>