Das <textarea>-Element ist ein leistungsfähiges Werkzeug zur Erstellung eines mehrzeiligen Texteingabefeldes auf einer Webseite. Es ermöglicht Benutzern, größere Textmengen einzugeben und zu übermitteln als das <input>-Element, das auf eine einzelne Textzeile beschränkt ist.

<textarea></textarea>

Das <textarea>-Element besteht aus einem öffnenden <textarea>-Tag und einem schließenden </textarea>-Tag. Jeder Text, der zwischen diesen Tags platziert wird, dient als Standardwert für das Textfeld.

Attribute

name: Gibt den Namen des Textfeldes an, der zur Identifizierung des Feldes beim Absenden des Formulars verwendet wird.

<textarea name="feedback"></textarea>

rows und cols: Bestimmen die Anzahl der sichtbaren Zeilen bzw. Spalten des Textfeldes. Sie ermöglichen die Festlegung der Breite und Höhe des Textbereichs.

<textarea name="feedback" rows="3" cols="30"></textarea>

placeholder: Gibt einen kurzen Hinweis für den Benutzer auf die erwarteten Informationen im Textfeld. Dieser wird als temporärer Platzhalter angezeigt, bis der Benutzer mit der Eingabe beginnt.

<textarea name="feedback" placeholder="Leave your opinion"></textarea>

maxlength: Legt die maximale Anzahl der Zeichen fest, die im Textfeld eingegeben werden können. Dies hilft, Zeichenbegrenzungen oder -einschränkungen durchzusetzen.

<textarea name="feedback" maxlength="200"></textarea>

readonly: Das readonly-Attribut macht das <textarea>-Element schreibgeschützt und verhindert, dass Benutzer den Text ändern. Dies ist nützlich, wenn vorausgefüllte oder nicht bearbeitbare Inhalte angezeigt werden sollen.

<textarea name="feedback" readonly>This content is read only.</textarea>

Beispiel