Stil mit {stil}

Jun 08

HTML-Tag textarea ♦ Textbereich in einem Formular

Das <textarea>-Tag erzeugt ein Eingabe-Textfeld in einem Formular. Textfelder sollen immer dann verwendet werden, wenn der Benutzer mehr als eine Zeile eingeben soll. Wenn Sie nur eine kurze Eingabe wie einen Namen oder eine Telefonnummer erwarten, sollte das input-Tag benutzt werden, das nur ein einzeiliges Eingabefeld erzeugt.

Jeder Text und jeder HTML-Code, der zwischen das öffnende und schließende <textarea>-Tag gesetzt wird, erscheint im Fenster des Textfeldes.

textarea: Einen Text im Texteingabefeld vorgeben

<textarea cols="35" rows="4" name="textarea13"> 
   Dieses Eingabefeld hat eine Breite von 35 Zeichen 
   und ist vier Zeilen hoch.
</textarea> 

textarea: Leeres Texteingabefeld

Normalerweise wird in einem Formular aber ein leeres textarea-Tag notiert, in das der Benutzer seine Daten – z.B. eine Bemerkung – eintragen kann.

Attribute für textarea

accesskey

eine Taste auf der Tastatur, die zusammen mit der Alttaste die textarea aktiviert.

cols

Anzahl der Zeichen, die über die Breite des Textfensters zu sehen sind.

disabled

boolescher Wert, der das Textfeld außer Kraft setzt. In einigen Browsern wird das Feld ausgegraut dargestellt.

name

Zeichenfolge zur Kennzeichnung des Feldes für die verarbeitende Anwendung. Das Attribut muss eindeutig sein und darf nicht nochmals im Dokument verwendet werden.

onblur

stößt die Ausführung eines JavaScripts an, wenn ein Element den Fokus verliert (z.B. wenn die Maus in ein anderes Element geklickt wurde oder eine Navigation mit der Tabulatortaste den Mauszeiger in ein anderes Element platziert).

readonly

spielt einen Text oder einen Wert in das Feld ein, der vom Benutzer nicht verändert werden kann.

rows

Anzahl der Zeilen im Textfenster.

tabindex

ganze Zahl, die den Rang innerhalb der Tabulatoraufrufe bei der Navigation mit der Tastatur festlegt.

textarea: Scrollleiste in Internet Explorer unterdrücken

Sowohl Internet Explorer 6 als auch Internet Explorer 7 stellen Textfelder grundsätzlich mit einer Scrollleiste am rechten Rand dar, während Browser wie Firefox und Safari dem Textfeld nur dann eine Scrollleiste geben, wenn die Textmenge den Einsatz einer Scrollleiste erfordert.

Der Scrollleiste in IE6 / IE 7 wirkt der CSS-Stil

textarea { overflow: auto }

entgegen.

Kernattribute und Ereignisse für textarea

Zum Seitenanfang