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 des formulaires pour des questions à réponses courtes, p. ex. le nom et le courriel.
  • Rédiger des étiquettes claires et précises.

Exemple


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

Paramètres

Paramètre Valeurs Description
arialabel définie par l’utilisateur Étiquette du champ à des fins d’accessibilité
default_value définie par l’utilisateur Pour établir une valeur numérique par défaut. S’applique uniquement au type « number ».
disabled true, false Pour désactiver le champ.
id définie par l’utilisateur ID HTML du champ
label définie par l’utilisateur Étiquette du champ. Le contenu du code simplifié figure dans ce champ.
layout full, 1, 2, 3 Mise en page du champ
max définie par l’utilisateur La valeur numérique la plus grande pouvant être inscrite. S’applique uniquement au type « number ».
min définie par l’utilisateur La valeur numérique la plus petite pouvant être inscrite. S’applique uniquement au type « number ».
name définie par l’utilisateur Nom HTML du champ
placeholder définie par l’utilisateur Contenu temporaire du champ. S’applique à tous les types sauf « number ».
required true, false La valeur « true » rend le champ obligatoire.
type email, number, tel, text, url Type de champ de texte