Startseite ⇒ HTML Formular ⇒ Eingabebereich
527 Aufrufe

Einen mehrzeiligen Eingabebereiche definieren

Das Element textarea

textarea = Textbereich


Beschreibung:

Durch das HTML Element textarea können Sie einen mehrzeiligen Eingabebereich definieren. Dies kann für die Aufnahme von Nachrichten, Kommentare usw. sinnvoll sein.


Syntax:

Mit dem Start-Tag <textarea> leiten Sie einen mehrzeiligen Eingabebereich ein und mit dem End-Tag </textarea> schließen Sie den Bereich ab.


Quelltext: 
<form action="">
<textarea></textarea>
</form>


Die Pflichtattribute rows und cols

rows = Zeilen

cols = columns = Spalten


Beschreibung:

Damit ein mehrzeilger Eingabebereich valide ist, müssen Sie die Höhe und die Breite des anzuzeigenden Bereiches angeben.


Syntax:

Um die Höhe des Textbereiches anzugeben notieren Sie innerhalb des Start-Tags <textarea> das Attribut rows="Wert". Dabei gibt "Wert" die Anzahl der Zeilen an. Die Breite des Bereiches notieren Sie auch innerhalb des Start-Tags <textarea> mit dem Attribut cols="Wert". Hierbei gibt "Wert" die Breite des Bereiches in Zeichen an.


Quelltext:

<form action="">
<textarea rows="5" cols="20">
</textarea>
</form>

Ausgabe:



Textvorbelegung bei mehrzeiligen Eingabebereichen


Beschreibung:

Wenn Sie wünschen künnen Sie ein mehrzeiliges Eingabefeld mit Inhalt vorbelegen.


Syntax:

Notieren Sie den Inhalt welchen Sie vorbelegen wollen zwischen dem Start-Tag <textarea> und dem End-Tag </textarea>. Dabei müssen Sie beachten, dass alle Sonderzeichen zwingend als Entity (z.B. für < = &lt;) geschrieben werden müssen, damit Sie richtig angezeigt werden und nicht als Quellcode interpretiert werden.


Quelltext:

<form action="">
<textarea rows="5" cols="20">
Vorbelegter Inhalt im mehrzeiligen 
Eingabebereich zwischen den Tags
</textarea>
</form>

Ausgabe:



Eingabebereiche als Ausgabefeld definieren


Beschreibung:

Wie auch beim HTML Element input, können Sie auch beim HTML Element textarea Eingabebereiche, mit dem Attribut readonly, als Ausgabefeld definieren. Dabei kann der User in das Eingabefeld nichts eintragen, sondern nur lesen was Sie als Text vorbelegt haben.


Syntax:

Damit ein Eingabereich zu einem Ausgabefeld wird, notieren Sie in HTML das Attribut readonly in das Start-Tag <textarea>. Wollen Sie XHTML konform arbeiten so müssen Sie das Attribut readonly="readonly" im Start-Tag <textarea> notieren.


Quelltext:

<form action="">
<textarea rows="5" cols="20" 
readonly="readonly" >
Ein Ausgabefeld mit vorbelegtem Inhalt
</textarea>
</form>

Ausgabe:





Weiterführende Informationen:


Weblinks: