HTML - Textbereiche

  »   HTML  »   HTML Tutorial - Kommentare, Textbereiche

Textbereiche dieser Art werden für Kommentare, Blogs, Memos oder andere Zwecke verwendet, die Platz benötigen.

Um einen Textbereich zu erstellen, benötigen wir einen Öffnungs- und End-Tag wie diesen:

html<textarea>Textbereich!</textarea>

Demo

Textbereich - text area size

Um die Standardgröße eines Textbereichs zu ändern, verwenden wir Spalten und Zeilen. Diese werden numerische Werte haben. Je größer ihr Wert sein wird, desto größer wird auch der Textbereich sein.

html<textarea cols="50" rows="2">Textbereich!</textarea>

<textarea cols="40" rows="5">Textbereich!</textarea>

<textarea cols="20" rows="10">Textbereich!</textarea>

Demo

Textbereich - Das wrap Attribut

Dieses Attribut des

Das off Attribut

html<textarea cols="20" rows="5" wrap="off">Off - Dadurch wird der Text nicht formatiert, der Text bleibt in einer einzigen durchgehenden Zeile.</textarea>

Demo

Textbereich - Das readonly Attribut

Abhängig vom Wert dieses Attributs ist der Benutzer in der Lage (oder nicht) den Inhalt des Textbereichs zu ändern. Das readonly Attribut kann "Ja" oder "Nein" Werte haben.

html<textarea cols="20" rows="5" wrap="hard" readonly="yes">Wie Sie sehen, kann dieser Text nicht geändert werden. In dem Fall, in dem der "Nein" Wert gewählt wird, würde man das gegenteilige Ergebnis erhalten.</textarea>

Demo

Wie Sie sehen, kann dieser Text nicht geändert werden. In dem Fall, in dem der "Nein" Wert gewählt wird, würde man das gegenteilige Ergebnis erhalten. Auch wenn es nicht geändert werden kann, kann es mit STRG + C oder Rechtsklick/Kopieren markiert und kopiert werden.

Textbereich - Das disabled Attribut

Das disabled-Attribut ist nicht viel anders als das readonly. Der Text wird in grau angezeigt, was gleichzeitig die Möglichkeit deaktiviert, dass Sie den Text ändern können, welchen der Textbereich enthält.

html<textarea cols="20" rows="5" wrap="hard" disabled="yes">Das disabled-Attribut ist nicht viel anders als das readonly. Der Text wird in grau angezeigt, was gleichzeitig die Möglichkeit deaktiviert, dass Sie den Text ändern können, welchen der Textbereich enthält.</textarea>

Demo

Sie müssen ein wenig mit diesen Attributen üben, um besser zu werden. Viel Glück!


Grundlegende HTML
Spezielle Tags
Styling Schlagwörter
HTML-Formulare
Referenzen
Divers
More CSS Tutorials