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

JavaScript-Grundlagen für Schleife und Array

Inhaltsverzeichnis Schleife - für Grundlegende Ve...

JavaScript implementiert Feuerwerkseffekte mit Soundeffekten

Ich habe eine halbe Stunde gebraucht, um den Code...

Grundlegende Hinweise zu HTML und CSS (unbedingt für das Frontend lesen)

Als ich zum ersten Mal mit HTML in Berührung kam,...

Zabbix überwacht Linux-Hosts basierend auf SNMP

Vorwort: Der Linux-Host ist relativ einfach zu ha...

Detaillierte Schritte zum Erstellen eines Vue-Scaffolding-Projekts

Vue-Gerüst -> vue.cli Erstellen Sie schnell ei...

Ein kurzer Vortrag über die Variablenförderung in JavaScript

Inhaltsverzeichnis Vorwort 1. Welche Variablen we...

jQuery Canvas zeichnet Bildüberprüfungscodebeispiel

In diesem Artikelbeispiel wird der spezifische Co...

Entwerfen Sie einen Datensammler mit Vue

Inhaltsverzeichnis Szenario Kernthemen Statusüber...

Vuex implementiert einen einfachen Einkaufswagen

In diesem Artikelbeispiel wird der spezifische Co...

Verwendung des Docker-Systembefehlssatzes

Inhaltsverzeichnis Docker-System df Docker-System...