Bag du champ HTML

Il existe certaines balises HTML qui vous aident à embellir l'apparence globale des pages Web. L'une de ces balises est la balise Fieldset de HTML, et dans cet article, nous apprendrons à utiliser cette balise HTML de la manière la plus simple.

Objectif de la balise du champ dans HTML:

La balise du champ dans HTML est utilisée pour regrouper des types de données similaires. Cette balise trouve son utilisation, en particulier dans les formulaires Web et les documents comme les CV, etc. dans lequel il existe divers types d'informations. Il est très pratique pour le lecteur si ces informations ne sont pas dispersées mais regroupées dans différents champs.

Utilisation de la balise du champ dans HTML:

Pour utiliser la balise Fieldset dans HTML, vous devez passer par les deux exemples suivants:

Exemple n ° 1: La balise du champ pour collecter des informations personnelles:

Dans cet exemple, nous voulons utiliser la balise de champ dans HTML pour collecter les informations personnelles de l'utilisateur. Nous voulons regrouper toutes ces informations dans un domaine différent. Pour cela, nous avons utilisé le script HTML indiqué dans l'image ci-dessous:

Dans ce script HTML, nous avons utilisé la balise Fieldset en HTML pour collecter les informations personnelles de l'utilisateur. Pour définir une étiquette pour ce champ, nous avons utilisé la tag de légende HTML. Ensuite, nous avons créé trois champs d'entrée de texte dans la balise de champ de HTML pour collecter le prénom, le nom et l'adresse e-mail de l'utilisateur.

Lorsque nous avons exécuté ce script HTML dans notre navigateur, la page Web suivante a été affichée, qui affiche tous les champs de collecte d'informations personnelles bien regroupées.

Exemple n ° 2: La balise du champ pour collecter des informations personnelles ainsi que les détails éducatifs:

Dans cet exemple, nous allons simplement développer notre premier exemple en ajoutant une autre balise de champ pour collecter les détails éducatifs de l'utilisateur. Pour ce faire, nous avons fait les ajouts affichés dans l'image ci-dessous à notre script HTML original:

Dans cet exemple, nous avons simplement utilisé une autre étiquette de champ avec la légende «Qualification éducative."Dans ce champ, nous voulions collecter les années totales d'éducation de l'utilisateur ainsi que le plus haut niveau d'éducation atteint, car nous avons créé deux autres champs d'entrée de texte.

Lorsque nous avons exécuté ce script HTML, un formulaire à part entière comprenant les détails personnels de l'utilisateur ainsi que les détails de l'éducation sont apparus sur notre navigateur, comme indiqué dans l'image suivante:

Conclusion:

La balise HTML Fieldset est utilisée pour regrouper des données similaires. Par conséquent, nous avons écrit cet article pour vous transmettre l'utilisation correcte de cette balise dans HTML. Nous avons cartographié l'utilisation de cette balise à deux exemples différents. Après avoir lu ces exemples, vous serez en bonne position pour commencer à utiliser la balise Fieldset dans HTML tout de suite.