Mehrzeilige Textfelder
Mehrzeilige Textfelder werden mit einem öffenen <TEXTAREA> und einem schließendem </TEXTAREA> - Tag erzeugt. Der Text befindet sich hier zwischen diesen beiden Tags.
Textarea-Attribut: NAME - Eingabefeldname
Alle Felder werden durch ihren Namen unterschieden, beachten Sie daher unbedingt jedem Feld einen individuellen Namen innerhalb eines Formulares zu geben.
Ein Name enthält einfache Buchstaben und Zahlen, er beginnt immer mit einem Buchstaben.
Wird das Name-Attribut nicht angegeben, wird das Eingabefeld es nicht an dem Webserver übermittelt!
<textarea name="feld123"> ... Feldinhalt ... </textarea>Resultat:
Im PHP Umfeld werden Eingabefelder häufig in der Form name="feld[123]" benannt. Dabei ist wichtig, dass eckige Klammern immer an das Ende geschrieben werden. Natürlich können hier auch mehrere eckige Klammern hintereinander definiert werden, zum Beispiel name="feld[1][2][3]". Zwischen und nach diesen Klammern dürfen keine weitere Zeichen folgen.
Je nach verwendeter Programmiersprache kann diese Regel abweichen.
Textarea-Attribute: COLS - Spalten, Breite
Definieren Sie mit diesem Attribut die Breite des Eingabefelds.
10 Zeichen:
<textarea cols="20"> ... Feldinhalt ... </textarea>
20 Zeichen:
<textarea cols="40"> ... Feldinhalt ... </textarea>Resultat für 10 Zeichen:
Resultat für 20 Zeichen:
Textarea-Attribut: ROWS - Zeilen
Definieren Sie mit diesem Attribut die Anzahl der Zeilen für dieses Eingabefeld.
3 Zeilen:
<textarea rows="3"> ... Feldinhalt ... </textarea>
5 Zeilen:
<textarea rows="5"> ... Feldinhalt ... </textarea>Resultat für 3 Zeilen:
Resultat für 5 Zeilen:
Textarea-Attribut: READONLY - Schreibschutz, nur lesen
Das Attribut sperrt ein Feld. Es kann nur gelesen werden, der Benutzer kann den Inhalt nicht ändern. Der darzustellende Inhalt wird im Value-Attribut hinterlegt.
Häufig wird das Attribute bei Feldern genutzt, die lediglich Zwischenergebnisse repräsentieren sollen. Deren Nutzung für die weitere Formularverarbeitung also nicht notwendig ist.
Beachten Sie, das es sich hier um eine Client-Seitige Prüfung handelt. Da sie im Browser durchgeführt wird, kann durchaus ein geänderter Inhalt an den Server übermittelt werden. Es handelt sich hier also lediglich um eine Richtlinie, nicht um ein Sicherheits-Einstellung!
HTML Variante:
<textarea readonly> ... Feldinhalt ... </textarea>
<input type="text" value="anzuzeigender Inhalt" readonly>
XHTML Variante:
<textarea readonly="readonly"> ... Feldinhalt ... </textarea>Resultat:
Wenn ein Readonly-Feld nicht an den Webserver übermittelt werden muss, muss kein Feldname angegeben werden. Das Attribut "name" ist in einem solchen Fall also nicht erforderlich.
Textarea-Standardinhalt
Der Standardinhalt wird bei diesem Eingabefeld zwischen das öffenen und schließende Textaera-Tag gesetzt. Hier können Zusätzlich Zeilenumbrüche genutzt werden.
Beachten Sie, das Sonderzeichen entsprechend codiert sein müssen, ansonsten können Sie mit der HTML Darstellung kollidieren und zu unerwünschten Ergebnissen führen. Im folgenden Beispiel wird der Code für ein Textarea-Feld in einem solchen Feld dargestellt:
<textarea rows="3" cols="30"><textarea>
... Feldinhalt ...
</textarea></textarea>Resultat:
Zusammenfassung
Alle Attribute werden in einem Input-Feld angegeben. Die Attribut-Reihenfolge kann frei variiert werden.
Beispiele
<textarea> ... Feldinhalt ... </textarea>
<textarea name="feld"> ... Feldinhalt ... </textarea>
<textarea name="feld2" cols="10"> ... Feldinhalt ... </textarea>
<textarea name="feld2" cols="10" rows="30"> ... Feldinhalt ... </textarea>
<textarea name="feld2" cols="10" rows="30" readonly="readonly"> ... Feldinhalt ... </textarea>
