Sélectionner

La fonction sélectionner (code « Select ») permet de créer une liste de choix. Voir l’aide-mémoire pour les paramètres.

Pratiques exemplaires

  • À utiliser dans les formulaires pour créer une liste déroulante.
  • Pour permettre de sélectionner une option. Pour permettre de choisir plus d’une option, utiliser plutôt les cases à cocher.

Exemple

<div class="bocss-select__group">
    <label class="bocss-label" id="bocss-select-1-label" for="bocss-select-1">Composante Select</label>
    <div>
        <select name="Select" id="bocss-select-1" class="bocss-select ">
                <option value="Valeur 1">Valeur 1</option>
                <option value="Valeur 2">Valeur 2</option>
                <option value="Valeur 3">Valeur 3</option>
                <option value="Valeur 4">Valeur 4</option>
        </select>
        <i class="arrow downward"></i>
    </div>
    
</div>

Code simplifié


                [Select options="Valeur 1, Valeur 2, Valeur 3, Valeur 4" label="Composante Select" name="Select"]
            

Paramètres

Paramètre Valeurs Description
options définie par l’utilisateur Pour définir les options du menu. Utiliser des virgules pour séparer les éléments du menu.
id définie par l’utilisateur ID du champ
class définie par l’utilisateur Classe du champ
label définie par l’utilisateur Texte du champs
name définie par l’utilisateur Nom du champ
default true, false Utiliser la première valeur comme valeur par défaut (value = 0)
required true, false La valeur « true » rend le champ obligatoire.
separator définie par l’utilisateur Si des virgules font partie du contenu, utiliser un caractère spécial pour séparer les éléments du menu.