HTML Tag textarea:
Mehrzeiliges Eingabefeld im HTML Formular

von Thomas Salvador.

Beispiel

Ein mehrzeiliges Eingabefeld in einem HTML-Formular:

<form method="..." action="...">
<textarea name="nachricht" cols="40" rows="10">
Vorgabe-Text in mehrzeiligem Eingabefeld
</textarea>
</form>

Anwendung

Mit <textarea> wird eine mehrzeiliges Eingabefeld in einem HTML-Formular gesetzt, welches sich über cols Zeichen in rows Zeilen erstreckt.

Per Voreinstellung wird oft Gleichweitenschrift genutzt, womit sich diese Feld von den anderen mit <input> bzw. <select> setzbaren Elementen für Formulare in HTML absetzt, die den Zeichensatz des Textes nutzen.

Im Gegensatz zum mit <input> erzeugten einzeiligen Eingabefeld wird der vorbelegte Text nicht als Attribut, sondern als Inhalt des Tags gesetzt. Dies macht Sinn, da sich natürlich auch die Vorbelegung von <textarea> über mehrere Zeilen erstrecken kann.

Attribute

<textarea> verwendet die Attribute:

AttributBeschreibung
accesskeyZeichen für Shortkey
classSpace-separierte Liste von CSS-Klassen
colsBreite des Eingabefeldes
dirAusrichtung von Text und Tabellen
disabledabgeschaltetes Element
idUniversalattribut
langSprache des Elementes
namename des button, textarea
onblurAuszuführender Javascript-Code bei Fokusverlust
onchangeAuszuführender Javascript-Code bei Wertänderung
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onfocusAuszuführender Javascript-Code bei Fokuserhalt
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
onselectAuszuführender Javascript-Code bei Textselektierung
readonlynur lesbares Textfeld
rowsHöhe des Eingabefeldes
styleInline Style
tabindexFestlegung der Tabulatorreihenfolge
titleBezeichnender Titel

Browserunterstützung

Die HTML Anweisung <textarea> wird von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.

Standards

Der Tag <textarea> wird zumindest in den Standards HTML und XHTML definiert.

Inhalte

Der Tag <textarea> enthält keine Befehle.

Verwendung

<textarea> kann in den HTML Tags <a>, <abbr>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <body>, <caption>, <center>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <iframe>, <ins>, <kbd>, <label>, <legend>, <li>, <noframes>, <noscript>, <object>, <p>, <pre>, <q>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u> und <var> enthalten sein.

Hinweise

  • Die Angabe der Ausdehnung in Zeichen pro Zeile ist weiterhin gültig und sinnvoll. Jedoch wird man häufig eine Formatierung mit CSS vornehmen, um z.B. die exakte Ausdehnung festzulegen.
  • Ganz sicher gehen Sie, wenn Sie alle von Ihnen genutzen Elemente ihrer HTML-Formulare mit CSS formatieren. So sollten z.B. explizit Zeichensatz, Größe und Farben zugewiesen werden, damit sie in allen Browsern gleich aussehen, soweit dies vom jeweiligen Browser realisierbar ist.

Weitere Beispiele und Lösungen

Keine.