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

So entwickeln Sie Uniapp mit vscode

Da ich immer vscode zur Entwicklung von Front-End...

Ein mobiler adaptiver Webseiteneffekt löst das Problem der kleinen Anzeigeseite

Für die Arbeit muss ich einen adaptiven Webseitene...

Detaillierte Erklärung der KeepAlive-Anwendungsfälle in Vue

Bei der Entwicklung ist es häufig erforderlich, d...

So implementieren Sie https mit Nginx und OpenSSL

Wenn die Serverdaten nicht verschlüsselt und mit ...

Beispiel für die horizontale Anordnung von li-Tags in HTML

Die meisten Navigationsleisten sind horizontal an...

Detaillierte Erklärung von MySQL Explain

Bei unserer täglichen Arbeit führen wir manchmal ...

Kostenloses Tool zur Überprüfung der Richtigkeit von HTML-, CSS- und RSS-Feeds

Ein Trick zum Umgang mit dieser Art von Fehlern be...

Detaillierte Analyse der MySQL-Indexdatenstruktur

Inhaltsverzeichnis Überblick Indexdatenstruktur B...

Anwendungsverschachtelung von HTML-ul-ungeordneten Tabellen

Anwendungsschachtelung ungeordneter Listen Code ko...

Lernen Sie die Grundlagen der JavaScript-DOM-Operationen in einem Artikel

DOM-Konzepte DOM: Dokumentobjektmodell: Das Dokum...

Mit CSS3 erstellter Hover-Zoom-Effekt

Ergebnis:Implementierungscode: html <link href...

Praxis der Linux-Datei- und Benutzerverwaltung

1. Zeigen Sie die Dateien oder Verzeichnisse im V...