Quelle est l'utilisation spécifique de la balise HTML <fieldset> ? Comment définir la couleur de la bordure à l'aide de Fieldset ?-tutoriel HTML-php.cn

Quelle est l'utilisation spécifique de la balise HTML

? Comment définir la couleur de la bordure à l'aide de Fieldset ?

寻∝梦

Libérer： 2018-08-16 14:09:10

original

6591 Les gens l'ont consulté

Quelle est l'utilisation spécifique de la balise HTML

Comment définir la couleur de la bordure à l'aide de Fieldset ? Cet article présente en détail une utilisation de la balise HTML

(avec des exemples) et quelques techniques pour l'utiliser en combinaison avec d'autres éléments

La définition et l'utilisation de la balise fieldset dans HTML :

l'élément fieldset regroupe les éléments associés au sein d'un formulaire. La balise

regroupe une partie du contenu du formulaire pour générer un ensemble de champs de formulaire associés.

Lorsqu'un groupe d'éléments de formulaire est placé dans une balise

, le navigateur les affichera d'une manière spéciale. Ils peuvent avoir des bordures spéciales, des effets 3D ou même créer un sous-formulaire pour les gérer. ces éléments. La balise

n'a aucun attribut obligatoire ou unique. La balise

définit le titre de l'élément fieldset.

HTML

Attributs de la balise :

Liés dans la combinaison Éléments du formulaire :

Voir l'exemple

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

Copier après la connexion

Les balises HTML

regroupent les éléments liés au formulaire :

< A un groupe d'éléments de formulaire au sein de la balise ;fieldset> sera affiché d'une manière particulière dans le navigateur WEB, comme différents styles de bordures, effets 3D, etc.

Il existe des exemples

<form> 
 <fieldset> 
   <legend>个人信息:</legend> 
   姓名: <input type="text"><br> 
   邮箱: <input type="text"><br> 
   生日: <input type="text"> 
 </fieldset> 
</form>

Copier après la connexion

Ensemble de champs HTML pour définir les bordures et les couleurs :

<fieldset style="border-width: 2px; border-color: #990000; width:95%; height:220">
<legend>你好你好</legend>
</fieldset>

Copier après la connexion

Mettez-le et jetez un œil. Ensuite, ajustez-le vous-même. . Les trois bordures changent respectivement le bas du milieu en Haut (supérieur), Gauche (gauche) et Droite (droite).

balise fieldset--Formulaires de groupe

Dans le formulaire de formulaire, nous pouvons regrouper et catégoriser les informations du formulaire. Par exemple, dans le formulaire d'inscription, nous pouvons regrouper les inscriptions. informations dans

Informations de base (généralement requises)

Informations détaillées (généralement facultatives)

Alors, comment pouvons-nous mieux y parvenir ? On peut envisager d'ajouter les deux balises suivantes au formulaire :

Fieldset : Regrouper les formulaires Un formulaire peut avoir plusieurs champs.

Légende : Décrivez la description du contenu de chaque groupe.

Format :

<fieldset>
　　　　<legend>health information</legend>
　　　　　　height: <input type="text"/>
　　　　　　weight: <input type="text"/>
　　</fieldset>

Copier après la connexion

Prise en charge du navigateur :

Tous les navigateurs prennent en charge la balise

[Recommandations associées]

Quels sont les attributs de la balise HTML IMG ? Comprendre l'utilisation de la balise IMG

Qu'est-ce que la balise article en HTML5 ? Où l’élément article est-il utilisé en HTML5 ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!