Explorer le système

Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Liste déroulante

Comment utiliser un menu déroulant pour permettre aux utilisateurs de sélectionner une option dans une liste

Conseils

Les listes déroulantes permettent de présenter des ensembles d’options, comme des pays, des provinces et des territoires.

Liste déroulante

HTML

<!-- Select province -->
<label for="province-fr">Choisissez votre province :</label>
<select name="province-fr" id="province-fr">
    <option value="AB">Alberta</option>
    <option value="BC">Colombie-Britannique</option>
    <option value="PE">Île-du-Prince-Édouard</option>
    <option value="MB">Manitoba</option>
    <option value="NB" selected>Nouveau-Brunswick</option>
    <option value="NS">Nouvelle-Écosse</option>
    <option value="NU">Nunavut</option>
    <option value="ON">Ontario</option>
    <option value="QC">Québec</option>
    <option value="SK">Saskatchewan</option>
    <option value="NL">Terre-Neuve-et-Labrador</option>
    <option value="NT">Territoires du Nord-Ouest</option>
    <option value="YT">Yukon</option>
</select>