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> hat 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

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

Standards

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

Inhalte

<textarea> enthält keine HTML Befehle.

Verwendung

<textarea> kann in den 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> verwendet werden.

Hinweise

Weitere Beispiele und Lösungen

Keine.