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

Vue + Openlayer realisiert den Drag- und Rotationsverformungseffekt von Grafiken

Inhaltsverzeichnis Vorwort Ressourcen zum Thema E...

Detaillierte Analyse des MySQL-Datentyps DECIMAL

Vorwort: Wenn wir Dezimalzahlen speichern müssen ...

Eine kurze Diskussion über die Magie von parseInt() in JavaScript

Ursache Der Grund für das Schreiben dieses Blogs ...

Benutzerdefinierter Kalendereffekt in JavaScript

In diesem Artikel wird der spezifische Code des b...

So verwenden Sie Nginx, um domänenübergreifende Front-End-Probleme zu lösen

Vorwort Bei der Entwicklung statischer Seiten, wi...

So erstellen Sie eine Datenbank in Navicat 8 für MySQL

Beim Entwickeln einer Website müssen Sie häufig e...

Grundlegende Schritte zur Sicherheitseinstellung für den CentOS7-Server

Schalten Sie den Ping-Scan aus, obwohl dies nicht...

Zusammenfassung von 10 erstaunlichen Tricks von Element-UI

Inhaltsverzeichnis el-scrollbar Bildlaufleiste el...

MySQL extrahiert zufällig eine bestimmte Anzahl von Datensätzen

Früher habe ich zur Handhabung dieser Art von Nut...

Beispiel für die Verwendung von #include-Dateien in HTML

Es gibt zwei Dateien a.htm und b.htm. Im selben Ve...