Kursinhalt
Ultimatives HTML
Ultimatives HTML
Arbeiten mit dem Textarea-Element für Mehrzeilige Eingaben
Das <textarea>
-Element ist ein leistungsfähiges Werkzeug zur Erstellung eines mehrzeiligen Texteingabefeldes auf einer Webseite. Es ermöglicht Nutzern, größere Textmengen einzugeben und zu übermitteln als das <input>
-Element, das auf eine einzelne Textzeile beschränkt ist.
html
Das <textarea>
-Element besteht aus einem öffnenden <textarea>
-Tag und einem schließenden </textarea>
-Tag. Jeder Text, der zwischen diesen Tags platziert wird, dient als Standardwert für das Textfeld.
Attribute
name
: Gibt den Namen des Textfeldes an, der zur Identifizierung des Feldes beim Absenden des Formulars verwendet wird.
html
rows
und cols
: Bestimmen die Anzahl der sichtbaren Zeilen bzw. Spalten des Textfeldes. Sie ermöglichen die Festlegung der Breite und Höhe des Textbereichs.
html
placeholder
: Zeigt dem Nutzer einen kurzen Hinweis auf die erwartete Eingabe im Textfeld an. Dieser Hinweis wird als temporärer Platzhalter angezeigt, bis der Nutzer mit der Eingabe beginnt.
html
maxlength
: Legt die maximale Anzahl an Zeichen fest, die im Textfeld eingegeben werden können. Dies hilft, Zeichenbegrenzungen oder Einschränkungen durchzusetzen.
html
readonly
: Das readonly-Attribut macht das <textarea>
-Feld schreibgeschützt und verhindert, dass Nutzer den Text ändern. Dies ist nützlich, um vorausgefüllte oder nicht bearbeitbare Inhalte anzuzeigen.
html
Beispiel
index.html
1. Welcher Eingabetyp wird verwendet, um ein Datum auszuwählen?
2. Welches Attribut wird verwendet, um die maximale Anzahl an Zeichen in einem Texteingabefeld festzulegen?
3. Welches Element wird verwendet, um ein mehrzeiliges Eingabefeld zu erstellen?
4. Welches Attribut wird verwendet, um den Anfangswert eines Eingabefeldes festzulegen?
Danke für Ihr Feedback!