Texte

Le champ de texte (code « Text ») sert à créer un espace de saisie d’une seule ligne permettant d’inscrire du texte libre. Voir l’aide-mémoire pour les paramètres.

Pratiques exemplaires

  • À utiliser dans les formulaires seulement.

Exemple

<div class="bocss-input__group">
    <label class="bocss-label" id="bocss-text-1-label" for="bocss-text-1">Composante Text</label>
    <input type="text" name="text-1" id="bocss-text-1" class="bocss-input__text" aria-labelledby="bocss-text-1-label" placeholder="Espace réservé">
    
</div>

Code simplifié


                [Text label="Composante Text" placeholder="Espace réservé"]
            

Paramètres

Paramètre Valeurs Description
name définie par l’utilisateur Nom du champ
id définie par l’utilisateur ID du champ
class définie par l’utilisateur Classe du champ
label définie par l’utilisateur Étiquette du champ
disabled true, false Pour désactiver le champ
layout full, 1, 2, 3 Mise en page du champ
type text, tel, email, number, url Type de champ
arialabel définie par l’utilisateur Étiquette du champ de texte à des fins d’accessibilité
placeholder définie par l’utilisateur Espace réservé pour le texte
default_value définie par l’utilisateur Paramètre utilisé en combinaison avec le paramètre « number type » pour établir la valeur numérique la plus petite pouvant être inscrite.
min définie par l’utilisateur Paramètre utilisé en combinaison avec le paramètre « number type ». La valeur numérique la plus petite pouvant être inscrite.
max définie par l’utilisateur Paramètre utilisé en combinaison avec le paramètre « number type ». La valeur numérique la plus grande pouvant être inscrite.
required true, false La valeur « true » rend le champ obligatoire.