FEN Startseite > ~xx502 > Forms > Lektion14
Web Formulare
Kapitel 14 - Mehrzeiliges Eingabefeld
Das mehrzeilige Eingabefeld ist sehr nützlich für die Aufnahme von Kommentaren, Nachrichten, Bemerkungen usw..
Wie bei jedem Formularelement definieren wir auch gleich wieder einen Namen.
<form> <textarea name="Bemerkung"> </textarea> </form> |
Größe festlegen
Du kannst die Anzeigegröße des Textfelds festlegen indem du die Anzahl der angezeigten Zeilen (rows = Zeilen) und die Anzahl der angezeigten Spalten (cols = columns = Spalten), d.h. die Anzahl Zeichen pro Zeile festlegst.
<form> <textarea name="Bemerkung" rows="5" cols="50"> </textarea> </form> |
In diesem Beispiel ist die Anzeigegröße auf 5 Zeilen und 50 Zeichen pro Zeile festgelegt. Ein Benutzer darf aber bedeutend mehr eingeben, die Textlänge ist theoretisch unbegrenzt! Browser zeigen normalerweise immer Bildlaufleisten an, sodass der Benutzer bei längeren Eingaben scrollen kann.
Textvorbelegung
Auch mehrzeilige Eingabefelder kann man mit Text vorbelegen.
<form> <textarea name="Bemerkung" rows="5" cols="50"> \\|// (@ @) --------------------oOO---(_)---OOo--------------------- : : : Ich wollte Dir nur zeigen, dass Text, der zwischen : : den TEXTAREA Tags steht, als Vorgabe angezeigt wird : : Der Text erscheint GENAU in der Form, in der Du ihn : : eingegeben hast. : : Zumindest machen das die meisten Browser . . . : : : -------------------------------------------------------- |__|__| || || ooO Ooo</textarea> </form> |
Wie auch bei einzeiligen Eingabefeldern sollen deutsche Umlaute und Sonderzeichen durch ihre HTML-Zeichenfolgen werden, ü durch ü
das waren die wichtigsten Eigenschaften des mehrzeiligen Eingabefeldes. Im kommenden Kapitel will ich noch einige Besonderheiten zeigen, die aber nicht von jedem Browser unterstützt werden.
Mehrfachauswahl Inhalt Mehrzeiliges Eingabefeld