Textarea-Tag in HTML

Textarea-Tag in HTML

<textarea></textarea> wird verwendet, um ein Textfeld zu erstellen, in das mehrere Zeilen eingegeben werden können. Dieses Tag-Paar wird zwischen dem Tag-Paar <form></form> verwendet. <textarea> hat die folgenden Attribute:

(1) onchange gibt die Funktion an, die aufgerufen werden soll, wenn sich das Steuerelement ändert
(2) onfocus ist die Funktion, die ausgeführt werden soll, wenn das Steuerelement den Fokus erhält
(3) onblur ist die Funktion, die ausgeführt wird, wenn das Steuerelement den Fokus verliert
(4) onselect ist die Funktion, die ausgeführt werden soll, wenn der Steuerelementinhalt ausgewählt wird
(5)name Dieser Textblock dient der Identifikation und wird an CGI übergeben.
(6)cols ist die Breite des Textblocks.
(7)rows ist die Anzahl der Spalten in diesem Textblock, also seine Höhe.
(8) Das Wrap-Attribut definiert, wie der Eingabeinhalt angezeigt wird, wenn er größer als der Textbereich ist. Die möglichen Werte sind wie folgt:

*Der Standardwert ist automatischer Textumbruch. Wenn die Eingabe den rechten Rand des Textfelds überschreitet, wird automatisch in die nächste Zeile gewechselt. An der Stelle, an der die Daten beim Übermitteln zur Verarbeitung automatisch umgebrochen werden, erfolgt kein Zeilenumbruch.
*Aus, wird verwendet, um Textumbrüche zu vermeiden. Wenn der Eingabeinhalt die rechte Grenze des Textfelds überschreitet, wird der Text nach links gescrollt;
*Virtuell, ermöglicht automatische Textumbruch. Wenn die Eingabe den rechten Rand des Textfelds überschreitet, wird automatisch in die nächste Zeile gewechselt. Dort, wo die Daten beim Übermitteln zur Verarbeitung automatisch umbrochen werden, erfolgt kein Zeilenumbruch.
*Physisch, umbrechen Sie den Text, und wenn die Daten zur Verarbeitung übermittelt werden, werden auch die Zeilenumbrüche zur Verarbeitung übermittelt.

Hier werden die Spalten und Zeilen in Zeicheneinheiten angegeben.


Code kopieren
Der Code lautet wie folgt:

<html>
<Kopf>
<title>Mehrzeiliges Textfeld</title>
</Kopf>
<Text>
<Formularaktion="" Methode="Post">
<p>Ihre Meinung ist mir wichtig:
<textarea name="yj" clos="20" rows="5">
Geben Sie in diesem Bereich bitte Ihren Kommentar ein.
</textarea>
</form>
</body>
</html>

<<:  Einführung in lokale Komponenten in Vue

>>:  Webdesign-Kenntnisse: Problem der adaptiven Höhe von Iframes

Artikel empfehlen

Einführung in die MySQL-Gesamtarchitektur

Die Gesamtarchitektur von MySQL ist in die Server...

CentOS 7.5 stellt Varnish-Cache-Serverfunktion bereit

1. Einführung in Varnish Varnish ist ein leistung...

So fragen Sie Datum und Uhrzeit in MySQL ab

Vorwort: Bei der Projektentwicklung werden in ein...

So implementieren Sie Seitensprünge in einem Vue-Projekt

Inhaltsverzeichnis 1. Erstellen Sie ein Vue-CLI-S...

Detaillierte Erläuterung der benutzerdefinierten Vue-Anweisungen

Inhaltsverzeichnis Benutzerdefinierte Vue-Direkti...

So löschen Sie node_modules und installieren es neu

Inhaltsverzeichnis Schritt 1: Installieren Sie no...

Detaillierte Erläuterung zur Verwendung der WeChat-Miniprogrammkarte

In diesem Artikelbeispiel wird der spezifische Im...

MYSQL METADATA LOCK (MDL LOCK) Theorie und Sperrtyptest

Inhaltsverzeichnis MYSQL METADATA LOCK (MDL LOCK)...

Grafisches Tutorial zur Installation von MySQL 5.7.19 (tar.gz) unter Linux

Das erste Tutorial zur Installation der MySQL-5.7...

Diskussion über die Möglichkeit zum Öffnen von Website-Hyperlinks

Ein neues Fenster wird geöffnet. Vorteile: Wenn d...