Zum Inhalt springen

textarea

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

textarea ist das Element für ein mehrzeiliges Textfeld. Anders als beim einzeiligen Feld steht sein Wert zwischen den Tags.

textarea

Formularfeld für mehrzeiligen Text.
Beispiel: „Der Inhalt einer textarea steht zwischen den Tags.“

Der Unterschied zum input

Ein Formular in einem beschrifteten Rahmen: Textfeld, Auswahlliste, zwei Radioschalter, eine Checkbox, ein mehrzeiliges Feld und ein Absendeknopf, jeweils rechts mit ihrem Markup benannt.
Das mehrzeilige Feld ist am Griff unten rechts erkennbar, mit dem es sich vergrößern lässt.
<label for="text">Ihre Nachricht</label>
<textarea id="text" name="text" rows="6"></textarea>

Beim einzeiligen Feld steht der Wert im Attribut, hier zwischen den Tags. In Vorlagen führt das zu einem häufigen Fehler: Jedes Leerzeichen und jeder Zeilenumbruch zwischen den Tags landet im Feld. Deshalb stehen öffnendes und schließendes Tag direkt aneinander.

Größe

rows gibt die Höhe in Zeilen vor, die Breite kommt aus dem Stylesheet. Mit field-sizing: content wächst das Feld inzwischen mit dem Inhalt mit, was vorher nur mit Skript ging.

Siehe auch:

input-Element

Ein Element, viele Erscheinungsformen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

form-Element

Umschließt die Felder und bestimmt, wohin die Eingaben gehen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

label-Element

Die Beschriftung, die am Feld hängt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)