Das <textarea>-Element ist ein leistungsstarkes Werkzeug zum Erstellen eines mehrzeiligen Texteingabefelds 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.

html
Code kopieren

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 Textfelds an, der verwendet wird, um das Feld zu identifizieren, wenn das Formular übermittelt wird.

html
Code kopieren

rows und cols: bestimmen die Anzahl der sichtbaren Zeilen und Spalten des Textfelds. Sie ermöglichen es uns, die Breite und Höhe des Textfelds anzugeben.

html
Code kopieren

placeholder: bietet dem Benutzer einen kurzen Hinweis auf die erwarteten Informationen im Textfeld. Es wird als temporärer Platzhalter angezeigt, bis der Benutzer mit der Eingabe beginnt.

html
Code kopieren

maxlength: gibt die maximale Anzahl von Zeichen an, die im Textfeld eingegeben werden können. Es hilft, Zeichenbeschränkungen oder -einschränkungen durchzusetzen.

html
Code kopieren

readonly: Das readonly-Attribut, wenn es dem <textarea>-Element hinzugefügt wird, macht das Feld schreibgeschützt und verhindert, dass Benutzer den Text ändern. Es ist nützlich, wenn vorab ausgefüllte oder nicht bearbeitbare Inhalte angezeigt werden.

html
Code kopieren

Beispiel