Les balises HTML Select et Option - La liste des menus

Mai 3, 2024

Les balises de sélection et d'options fonctionnent ensemble pour créer une liste de menus déroulants sur un formulaire de page Web. Vous pouvez voir ce type de liste chaque fois que vous fournissez votre nom et votre adresse. Si vous vivez aux États-Unis, vous choisissez l'État dans lequel vous vivez dans une liste déroulante de noms d'État. Cette liste déroulante est créée avec les balises de sélection et la liste des choix (options) est créée avec un groupe de balises d'options. Les balises d'ouverture et de fermeture sont requises pour les balises de sélection et d'option.

Voici l'exemple de code pour le menu déroulant.

Ohio Floride
<	équerre gauche
sélectionner	nom d'élément
Nom	l'attribut name est utilisé pour définir une identification pour la liste de menus
>	support à angle droit
	balise de fermeture

<	équerre gauche
option	nom d'élément
valeur	l'attribut value est utilisé pour définir la valeur de l'option
>	support à angle droit
	balise de fermeture

Comme vous pouvez le voir, le groupe de balises d'options est inclus dans les balises de sélection d'ouverture et de fermeture. Vous pouvez avoir autant de balises d'options que vous le souhaitez et la liste déroulante défilera selon vos besoins.

Les attributs de la balise Select

L'attribut de nom
L'attribut que vous devez inclure dans la balise de sélection est l'attribut de nom. Cet attribut identifie la liste du programme de traitement. Si vous avez plusieurs menus déroulants dans un formulaire Web, vous donnerez à chaque liste un nom différent en attribuant une valeur différente à l'attribut name. Dans l'exemple, j'ai défini la valeur de l'attribut name sur "states".

L'attribut de taille
L'attribut size spécifie le nombre d'options de la liste qui peuvent être visibles en même temps. Si j'avais inclus tous les États des États-Unis dans l'exemple ci-dessus, ce serait une longue liste. Par conséquent, je souhaiterais probablement définir l'attribut size sur un nombre plus petit, tel que 5, ce qui permettrait à seulement cinq des noms d'état d'être visibles à la fois.

L'attribut multiple
Lorsque cet attribut est inclus dans la balise de sélection, plusieurs options peuvent être sélectionnées.

Attributs du tag d'option

L'attribut de valeur
L'attribut value de la balise d'option définit un choix ou une option différent pour chaque balise d'option du groupe. Lorsqu'une étiquette d'option est sélectionnée, la valeur associée à cette étiquette est envoyée au programme de traitement. Comme vous pouvez le voir dans l'exemple, la valeur affectée aux balises d'option (OH et FL) n'est pas la même que le nom des états associés à chaque balise d'option. Les noms des états s'afficheront sur le formulaire Web mais la valeur envoyée au programme sera les abréviations des états.

L'attribut sélectionné
Lorsque cet attribut est inclus dans la balise d'option d'ouverture, cette option sera présélectionnée lorsque le formulaire Web s'affiche pour la première fois sur la page Web.

Instructions Vidéo: Tutoriel HTML / CSS #8 - Plus de listes (et d'options) ! (Mai 2024).

Les balises HTML Select et Option - La liste de menus, HTML, balise d'option HTML, balises de sélection HTML, comment créer un menu déroulant, comment créer une liste de menus en HTML, sélectionner des balises et leurs attributs, balises d'option et les attributs

Article Précédent

Article Suivant

Articles Connexes

des ordinateurs

Flash Storybook - Bouton de démarrage invisible

Mai 2024

Ouvrez votre projet de livre d'histoires Flash dans FlashR CS5.5. Nous avons créé l'animation de l'ornement qui démarre au chargement de l'application. Maintenant, nous devons donner à...

des ordinateurs

The Beatles Rock Band

Mai 2024

Je viens de finir de jouer à travers l'ensemble du jeu Beatles: Rock Band de niveau moyen. J'ai été époustouflé de bien des façons. Nous avons tous les différents jeux de musique, beaucoup pour...