<textarea> Tag - Mehrzeiliges Eingabefeld

Eingabefeld für mehrzeiligen Text:

<textarea rows="4" cols="50">
Dies ist ein mehrzeiliges Textfeld.
</textarea>

Online testen

Verwendung

Mit dem textarea Tag können mehrzeilige Eingabebereiche für Benutzereingaben in die Homepage eingefügt werden. Dies erfolgt in der Regel innerhalb eines form Tags, also innerhalb eines Formulars. Die Eingabelänge ist standardmäßig nicht beschränkt, über die Attribute rows (Reihen) und cols (Spalten) kann die Größe festgelegt werden. Der Begriff Spalte ist hier etwas wiedersprüchlich, gemeint ist die Anzahl der Buchstaben in einer Zeile.

Attribute

Attribut Wert Bechreibung
autofocus autofocus Das Eingabefeld soll automatisch den Fokus erhalten, wenn die Seite geladen wird. HTML 5
cols Zahl Die Breite des Eingabefeldes, Anzahl der Buchstaben in einer Zeile.
dirname textareaname.dir Textrichtung der Übermittlung. HTML 5
disabled disabled Eingabefeld ist deaktiviert
form Formular ID Gibt an, zu welchen Formular das Eingabefeld gehört. HTML 5
maxlength Zahl Maximale Länge HTML 5
name Text Name des Eingabefeldes
placeholder Text Platzhalter, Text wird angezeigt, aber beim anklicken gelöscht. HTML 5
readonly readonly Gibt an, ob das Eingabefeld nur lesbar und nicht bearbeitbar ist.
required required Gibt an, ob es ein Pflichtfeld ist. HTML 5
rows Zahl Anzahl der Zeilen
wrap hard, soft

Gibt ab, wie der Zeilenumbruch nach dem abschicken festgelegt werden soll.  HTML 5

soft - der Text wird nicht umgebrochen nach dem Abschicken, das ist der Default-Wert

hard - der Text wird auf Basis des cols Attributes umgebrochen, d.h. eine neue Zeile.

Darstellung