Textarea

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

Auf dieser Seite

Playground

Notiz

Zustand

Text

Hintergrund

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

NoteUp to 500 characters

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

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.