# Textarea

Un champ à plusieurs lignes pour du texte libre : une description, une instruction, une note.

## Playground

```html
<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

### 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

```html
<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

Vide, avec un espace réservé

Rempli

Mise au point

Erreur

Use up to 500 characters

Désactivé

## 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.