Zone de texte

La zone de texte (code « Textarea ») crée un champ de texte de plusieurs lignes permettant de saisir du texte libre. Voir l’aide-mémoire pour les paramètres.

Pratiques exemplaires

  • À utiliser dans les formulaires pour les questions ouvertes comme les commentaires.
  • Rédiger des questions claires et concises.
  • Se limiter à une idée par question.
  • Utiliser des énoncés neutres et objectifs.
  • Fixer le nombre de caractères permis dans la zone de texte.

Exemple

300

                    [Textarea placeholder="Espace réservé" maxlength="300"]Composante « Textarea »[/Textarea]
                
<div class="bocss-textarea__group">
    <label class="bocss-label" id="bocss-textarea-2-label" for="bocss-textarea-2">Composante « Textarea »</label>
    <textarea name="textarea-2" id="bocss-textarea-2" class="bocss-textarea" maxlength="300" placeholder="Espace réservé"></textarea>
    
    <span class="charcount">300</span>
</div>

Paramètres

Paramètre Valeurs Description
id définie par l’utilisateur ID HTML du champ
label définie par l’utilisateur Étiquette du champ. Le contenu des balises du code simplifié remplit ce champ.
maxlength définie par l’utilisateur Nombre maximal de caractères permis dans la zone de texte
name définie par l’utilisateur Nom HTML du champ
placeholder définie par l’utilisateur Contenu temporaire du champ
required true, false La valeur « true » rend le champ obligatoire.