Démarrage rapide : ajout de contrôles Select (HTML)

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Ce guide de démarrage rapide vous indique comment ajouter un contrôle Select à une application du Windows Store en JavaScript.

Prérequis

Aucun

Instructions

1. Créez un contrôle Select de mode volant.

Dans HTML, l’élément <select> représente le contrôle Select. Pour créer un contrôle Select de mode volant, ajoutez l’élément <select> sans spécifier d’attribut size ou multiple. L’exemple suivant crée un contrôle Select de mode volant qui contient deux groupes, composés chacun de trois éléments parmi lesquels l’utilisateur peut effectuer son choix. L’utilisateur ne peut pas sélectionner les noms des groupes.

<select>
    <optgroup label="Fruits">
        <option>Apples</option>
        <option>Bananas</option>
        <option>Grapes</option>
    </optgroup>
    <optgroup label="Vegetables">
        <option>Broccoli</option>
        <option>Carrots</option>
        <option>Eggplant</option>
    </optgroup>
</select>

2. Vous pouvez également créer un contrôle Select inline.

Pour placer le contrôle de sélection en mode inline, définissez l’attribut size, ou définissez l’attribut multiple pour autoriser la sélection multiple en mode inline. N’utilisez jamais l’attribut multiple sans avoir préalablement défini l’attribut size. L’exemple suivant crée un contrôle de sélection multiple en mode inline, composé de six éléments.

<select size="8" multiple>
    <optgroup label="Fruits">
        <option>Apples</option>
        <option>Bananas</option>
        <option>Grapes</option>
    </optgroup>
    <optgroup label="Vegetables">
        <option>Broccoli</option>
        <option>Carrots</option>
        <option>Eggplant</option>
    </optgroup>
</select>

Récapitulatif

Ce guide de démarrage rapide vous a montré comment ajouter des contrôles de sélection.