Qu'est-ce qu'une listbox HTML?
Dans le langage HTML (HyperText Markup Language), une zone de liste est un type de composant d'interface utilisateur graphique interactive. Il apparaît sur un site Web sous forme de boîte dans la page contenant un ensemble vertical d'options de texte pouvant être sélectionnées par l'utilisateur. L’utilisation d’une zone de liste HTML a pour but de présenter à un utilisateur un certain nombre d’options parmi lesquelles il peut sélectionner, puis de réagir à la sélection. De nombreuses options sont disponibles pour personnaliser une zone de liste, notamment via l'utilisation de feuilles de style en cascade (CSS). Il existe une différence visuelle et fonctionnelle entre une liste de sélection HTML et un autre élément d'interface graphique appelé zone de liste déroulante, même s'ils sont définis de la même manière.
Dans un document, une liste déroulante HTML est définie à l'aide de la balise select. Cette balise lance la liste et permet de définir plusieurs options. L'une des propriétés les plus importantes de la balise select est le nom de la zone de liste, ce qui permet aux autres parties du document HTML d'accéder directement aux valeurs de la zone de liste. Une autre option importante qui peut être définie est la propriété multiple, qui permet à un utilisateur de sélectionner plusieurs éléments de la liste simultanément au lieu d'un seul à la fois.
Entre les balises de sélection d'ouverture et de fermeture, les éléments réels devant figurer dans une liste déroulante HTML sont définis à l'aide de la balise d'option. La balise option contient le texte réel qui sera affiché dans la liste HTML. Comme la balise select, elle possède également certaines propriétés importantes. Une propriété précieuse de la balise option est la possibilité de définir une valeur de retour pour une option sélectionnée envoyée à un script de requête au lieu du texte visualisé par l'utilisateur. Cela signifie qu'un utilisateur peut voir le mot "rouge", mais la liste déroulante HTML peut renvoyer la valeur hexadécimale de rouge au lieu du mot réel.
Outre les options, une liste déroulante HTML peut contenir un autre élément visuel appelé optgroup. Un groupe opt est un en-tête utilisé pour séparer visuellement les différentes options dans une zone de liste. Lorsqu'un utilisateur consulte une zone de liste contenant des balises optgroup, il verra un en-tête en gras dans la zone, sous lequel les options associées seront légèrement en retrait et non en gras.
Même si une zone de liste HTML fonctionnelle peut être créée et placée sur un site Web, elle ne fera rien en réalité lorsqu'un utilisateur sélectionne une option sauf si un code de support est présent pour le faire. Cela peut être fait avec JavaScript® en accédant à la zone de liste via le modèle d'objet document (DOM), ou avec d'autres scripts ou applets. En tant qu'élément interactif, une zone de liste génère des événements utilisateur tels que le survol, qui peuvent être capturés dans le navigateur.