Alphabetische Liste der HTML- und XHTML-Elemente

(Auszug aus "HTML & XHTML ─ kurz & gut" von Jennifer Niederst Robbins)

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

   

textarea

HTML 4.01 | HTML 5

<textarea> ... </textarea>

Definiert ein mehrzeiliges Texteingabefeld. Der Inhalt des textarea-Elements wird bei der anfänglichen Darstellung des Eingabefeldes angezeigt.

Start-/End-Tag

Erforderlich/Erforderlich

Attribute

Kern, Internationalisierung, Events, Fokus, onselect, onchange, globale HTML 5-Attribute

  • autofocus (autofocus="autofocus" in XHTML)

    Nur HTML 5. Legt fest, dass das Eingabefeld beim Laden des Dokuments den Fokus erhalten soll. (Das Feld wird hervorgehoben und kann sofort Benutzereingaben empfangen.)

  • cols="Zahl"

    Erforderlich. Definiert die sichtbare Breite des Eingabfeldes als Anzahl von Zeichen. Benutzer können längere Textzeilen eingeben, wobei der Inhalt nach rechts gescrollt wird (oder umbrochen wird, falls der Browser hierfür eine Möglichkeit bereitstellt).

  • disabled (disabled="disabled" in XHTML)

    Deaktiviert das Eingabeelement für Benutzereingaben. Dies kann über ein Skript verändert werden. Browser können deaktivierte Eingabeelemente anders als normale Eingabeelemente darstellen (z. B. ausgegraut). Dies kann nützlich sein, um bestimmte Teile eines Formulars erst zugänglich zu machen, nachdem bestimmte Informationen eingegeben wurden.

  • form="ID des übergeordneten Formulars"

    Nur HTML 5. Schafft eine explizite Verbindung des Eingabeelements mit einem bestimmten übergeordneten Formular. Durch diese Methode muss das Eingabeelement nicht unbedingt ein Kindelement des form-Elements sein, zu dem es gehört.

  • maxlength="Zahl"

    Nur HTML 5. Gibt die maximale Anzahl von Zeichen an, die ein Benutzer in das Element eingeben kann.

  • name="Text"

    Erforderlich. Versieht das Eingabeelement mit einem Namen. Dieser Name wird zusammen mit dem Inhalt des Elements an die verarbeitende Applikation übergeben.

  • placeholder="Zahl"

    Nur HTML 5. Enthält einen kurzen Hinweis oder ein Beispiel (ein Wort oder einen kurzen Satz), der dem Benutzer bei der Eingabe der korrekten Daten helfen soll. Für längere Beschreibungen sollte das Attribut title verwendet werden.

  • readonly (readonly="readonly" in XHTML)

    Gibt an, dass das Eingabeelement nicht verändert werden kann.

  • required (required="required" in XHTML)

    Nur HTML 5. Gibt an, dass eine Dateneingabe erforderlich ist.

  • rows="Zahl"

    Erforderlich. Definiert die Höhe des Eingabefeldes in Textzeilen. Gibt der Benutzer mehr Zeilen ein, als sichtbar sind, scrollt das Feld, um die zusätzlichen Zeilen darzustellen.

  • wrap="hard|soft"

    Nur HTML 5. Wurde der Wert hard angegeben, werden in das Textfeld eingegebe Zeilenumbrüche mit an die verarbeitende Applikation übergeben. Außerdem muss bei Verwendung von hard ein cols-Attribut vorhanden sein, das die Länge der Zeilen als Anzahl der Zeichen festlegt. Wird der Standardwert soft verwendet, werden eventuell eingegebene Zeilenumbrüche nicht mit übergeben.

Beispiel

<p>Wovon haben Sie letzte Nacht geträumt?</p>
<textarea name="dream" rows="4" cols="45">Erzählen Sie uns Ihren Traum in maximal 100 Wörtern.</textarea>
Tipp der data2type-Redaktion:
Zum Thema HTML & XHTML bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2010 O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "HTML & XHTML ─ kurz & gut" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstraße 81, 50670 Köln, kommentar(at)oreilly.de