Tag de sélection html

HTML comprend divers étiquettes qui visent à servir des fins extrêmement utiles. L'une des balises les plus fréquemment utilisées de HTML est la balise de sélection. Cette balise est utilisée pour créer des listes déroulantes, et les listes déroulantes permettent à l'utilisateur de choisir une option de son choix dans la liste donnée. Les listes déroulantes sont principalement utilisées dans les formulaires Web pour collecter des données d'enquête. Dans ce tutoriel, nous vous apprendrons l'utilisation de la balise sélectionnée en HTML à l'aide de quelques exemples.

Comment utiliser la balise de sélection dans HTML?

Il est très facile d'utiliser la balise de sélection dans HTML, et vous vous en rendez compte en passant par les deux exemples suivants:

Exemple n ° 1: sélection du lieu de résidence

Dans cet exemple, nous voulons créer une page Web qui affichera une liste déroulante et permettra aux utilisateurs de sélectionner leurs lieux de résidence dans cette liste déroulante. Pour ce faire, nous avons écrit le script HTML indiqué dans l'image suivante:

Dans ce script, nous avons utilisé la balise sélectionnée de HTML pour créer une liste déroulante de quatre pays différents. Ensuite, nous avons utilisé les balises «Valeur d'option» pour indiquer les quatre éléments, je.e., les noms des quatre pays sur cette liste déroulante. Après cela, nous avons créé un bouton «soumettre» pour améliorer l'apparence de notre page Web. Cependant, ce bouton ne naviguera nulle part car nous n'avons créé aucune page d'action associée.

Lors de l'exécution de ce script HTML avec Google Chrome, la page Web suivante est apparue sur notre navigateur:

Lorsque vous cliquez sur cette liste déroulante, vous pourrez sélectionner un pays de votre choix, comme indiqué dans l'image ci-dessous:

Exemple n ° 2: sélection du langage de programmation préféré

Ceci est un autre exemple d'utilisation de la balise de sélection de HTML. Dans cet exemple, nous créerons une liste déroulante pour permettre à l'utilisateur de choisir son langage de programmation préféré. Le script HTML à cet effet est illustré dans l'image suivante:

Nous avons créé une liste déroulante de quatre langages de programmation dans ce script HTML en utilisant la balise «Sélectionner» de HTML. Ensuite, nous avons simplement mentionné les éléments de cette liste en utilisant la balise «Valeur d'option» de HTML. Comme notre premier exemple, nous avons un bouton factice «soumettre» dans ce script HTML.

La page Web affichant notre liste déroulante nouvellement créée est affichée dans l'image suivante:

Lorsque vous cliquez sur cette liste déroulante, vous serez autorisé à sélectionner un langage de programmation de votre choix, comme indiqué dans l'image suivante:

Conclusion

Aujourd'hui, nous voulions transmettre l'utilisation de la balise sélectionnée de HTML à nos lecteurs. Pour ce faire, nous vous avons d'abord présenté le but de cette balise HTML, suivi de quelques exemples qui expliquaient la procédure passante d'utilisation de cette balise. Nous avons fini par créer deux listes déroulantes différentes. En suivant les mêmes lignes, vous pouvez créer autant de listes déroulantes de votre choix en HTML que vous le souhaitez.