# Textarea

Ein mehrzeiliges Feld für freien Text: eine Beschreibung, eine Anweisung, eine Notiz.

## Playground

```html
<div class="feitio-field"><label class="feitio-label" for="pg-ta">Notiz</label><textarea class="feitio-textarea" id="pg-ta" rows="3">Erinnere mich daran, die Katalogfotos zu ersetzen.</textarea></div>
```

## Wann verwenden

-   Wenn die Antwort mehr als einen Satz hat.

## Wann nicht verwenden

-   **Für eine kurze Antwort:** TextInput. Ein großes Feld fragt nach großem Text.

## Beispiele

### Eine Notiz

Die Zeichenbegrenzung, wenn es eine gibt, erscheint vorher in der Hinweiszeile, nicht erst einmal überschritten.

Code anzeigen

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

## States

Leer, mit Platzhalter

Erfüllt

Fokus

Fehler

Use up to 500 characters

Deaktiviert

## Barrierefreiheit

-   Die Person kann die Höhe strecken; die Breite folgt dem Spaltenformat.

## Attribute

Attribut

Werte

Zum Zweck

`class="feitio-textarea"`

erforderlich

Die Form des Feldes.

`rows`

Zahl

Die Anfangshöhe.

`aria-invalid="true"`

ein Fehler

Die Weinzeile.