Das textarea-Tag

Das Tag textarea erstellt ein mehrzeiliges Eingabefeld zur Verwendung in HTML-Formularen.

Im Gegensatz zum Tag input können in textarea mehrere Textzeilen eingegeben werden, die durch die Enter-Taste getrennt werden.

Das Tag textarea sollte sich innerhalb des Tags form befinden. Dies ist nicht zwingend erforderlich, aber notwendig für das Senden von Daten an den Server und deren anschließender Verarbeitung mit PHP.

Standardmäßig kann der Benutzer die Größe des Tags textarea ändern, indem er die untere rechte Ecke zieht. Dieses Verhalten kann mit der CSS-Eigenschaft resize geändert werden.

Beispiel . Einfache Textarea

Schauen wir uns an, wie das Tag textarea funktioniert:

html<textarea></textarea>

Результат:

Beispiel . Standardtext

Versuchen wir, dem Tag textarea einen Standardtext hinzuzufügen. Bitte beachten Sie, dass im Gegensatz zum Tag input dem Tag textarea kein Attribut value zugewiesen wird, und der Standardtext zwischen dem öffnenden und dem schließenden Tag geschrieben wird:

html<textarea>irgendein Text</textarea>

Результат:

Beispiel . Parasitäre Leerzeichen

Achten wir darauf, dass wenn man das öffnende Tag und das schließende Tag auf verschiedene Zeilen verteilt, im Ergebnis in diesem Eingabefeld zusätzliche Leerzeichen erscheinen (wie man dagegen vorgeht: verteilen Sie sie nicht auf verschiedene Zeilen):

html<textarea>
  irgendein Text
</textarea>

Результат:

Beispiel . Platzhalter in textarea

Fügen wir nun dem Tag textarea einen Platzhalter placeholder hinzu:

html<textarea placeholder="i am a hint"></textarea>

Результат:

Siehe auch

  • das Tag input,
    welches ein einzeiliges Eingabefeld darstellt
  • das Attribut disabled,
    mit dem Eingabefelder gesperrt werden können