Das <textarea>-Element ist ein leistungsfähiges Werkzeug zur Erstellung eines mehrzeiligen Texteingabefeldes auf einer Webseite. Es ermöglicht Nutzern, 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: Zeigt dem Nutzer einen kurzen Hinweis auf die erwartete Eingabe im Textfeld an. Dieser Hinweis wird als temporärer Platzhalter angezeigt, bis der Nutzer mit der Eingabe beginnt.

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

maxlength: Legt die maximale Anzahl an 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>-Feld schreibgeschützt und verhindert, dass Nutzer den Text ändern. Dies ist nützlich, um vorausgefüllte oder nicht bearbeitbare Inhalte anzuzeigen.

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

Beispiel