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

Methode zur Änderung des MySQL-Kontokennworts (Zusammenfassung)

Vorwort: Bei der täglichen Verwendung der Datenba...

So stellen Sie Solidity-Smart-Contracts mit ethers.js bereit

Wenn Sie DApps auf Ethereum entwickelt haben, hab...

Verwenden von JS zum Implementieren eines einfachen Rechners

Verwenden Sie JS, um einen einfachen Rechner für ...

So verwenden Sie Docker zum Erstellen eines Redis-Master-Slaves

1. Erstellen Sie eine Docker-Umgebung 1. Erstelle...

Häufig verwendete HTML-Meta-Enzyklopädie (empfohlen)

Der Meta-Tag ist ein Hilfstag im Head-Bereich der...

JavaScript zum Erzielen eines dynamischen Tabelleneffekts

In diesem Artikel wird der spezifische Code für J...

Zusammenfassung gängiger Docker-Befehle

Docker-Installation 1. Anforderungen: Linux-Kerne...

Der Unterschied zwischen z-index: 0 und z-index: auto in CSS

Ich habe vor Kurzem etwas über Stapelkontexte gel...