Textarea
Un champ à plusieurs lignes pour du texte libre : une description, une instruction, une note.
Sur cette page
Playground
État
Fond
<div class="feitio-field"><label class="feitio-label" for="pg-ta">Note</label><textarea class="feitio-textarea" id="pg-ta" rows="3">Rappelle-moi de changer les photos du catalogue.</textarea></div>Quand l'utiliser
- Quand la réponse contient plus d'une phrase.
Quand ne pas l'utiliser
- Pour une réponse courte : TextInput. Une grande boîte demande un grand texte.
Exemples
NoteUp to 500 characters
Une note
La limite de caractères, lorsqu'il y en a une, apparaît dans l'indice à l'avance, pas seulement après avoir été dépassée.
Afficher le code
<div class="feitio-field">
<label class="feitio-label" for="nota">Nota</label>
<span class="feitio-hint" id="nota-dica">Até 500 caracteres</span>
<textarea class="feitio-textarea" id="nota" rows="3" aria-describedby="nota-dica"></textarea>
</div>États
Accessibilité
- La personne peut étirer la hauteur ; la largeur suit la colonne.
Attributs
| Attribut | Valeurs | Pour quoi |
|---|---|---|
class="feitio-textarea" | obligatoire | La forme du champ. |
rows | numérique | La hauteur initiale. |
aria-invalid="true" | avec une erreur | Ligne de vin. |