Die Verwendung von Textbereichen in HTML und häufige Probleme und Fallanalyse

Der Textarea-Tag ist ein HTML-Tag, den wir häufig verwenden. Er dient vor allem dazu, Zeilenumbrüche bei der Eingabe längerer Texte zu erzielen. Hier ist eine grundlegende Verwendung:
Textarea-Tag - stellt ein mehrzeiliges Eingabefeld in einem HTML-Formular dar
Das Textarea-Tag erscheint paarweise, beginnend mit <textarea> und endend mit </textarea>
Eigentum :
Allgemein - Allgemeine Eigenschaften
cols – die Anzahl der Spalten für ein mehrzeiliges Eingabefeld
Zeilen - die Anzahl der Zeilen für ein mehrzeiliges Eingabefeld
accesskey -- Tastenkombinations-Zugriffsmethode für das Formular
deaktiviert -- Das Eingabefeld kann nicht fokussiert werden, kann nicht ausgewählt werden, wird grau dargestellt und hat im Formular keine Auswirkung
schreibgeschützt -- Das Eingabefeld kann ausgewählt, aber nicht geändert werden
tabindex -- Eingabefelder, Durchlaufreihenfolge mit der „Tabulatortaste“
Anwendungsfälle sind wie folgt :
HTML Code:

Code kopieren

Der Code lautet wie folgt:

<form id="textareaDem" action="#" method="post">
<textarea cols="50" rows="10" id="contactus" name="contactus">Beschriftungen in einer Zeile</textarea>
</form>

Sie können den Code auf Ihren lokalen Computer kopieren und testen.
Das Problem besteht darin, dass die Wirkung anders ist, wenn diese beiden <textarea></textarea> beispielsweise nicht in derselben Zeile stehen, und die Werte in getrennten Zeilen geschrieben werden.

Code kopieren

Der Code lautet wie folgt:

<form id="textareaDemo" action="#" method="post">
<Textbereich>
Dies ist der Textbereich-Tag nicht auf einer Zeile für Zeile, der Effekt wird anders sein
</textarea>
</form>

Sie werden feststellen , dass der erste Code linksbündig angezeigt wird, während der nächste in der Mitte angezeigt wird. Daher müssen Sie bei der Verwendung von Textbereichen darauf achten, dass der Text im Textbereichs-Tag relativ zum Textbereich ist. Der Textbereich entspricht der Bereitstellung eines Bearbeitungsbereichs, der unmittelbar nach dem Textbereich beginnt, d. h., was Sie sehen, ist das, was Sie erhalten. Solange sich diese beiden Tags nicht in der gleichen Zeile befinden, wird auch das Leerzeichen vor </textarea> als leerer Text erkannt und Sie werden feststellen, dass Ihr Mauszeiger beim Bearbeiten am Textanfang oder neben dem Text nicht blinkt. Machen Sie also guten Gebrauch von diesem Tag, damit Sie wissen, wo Sie mit der Lösung von Problemen beginnen müssen, wenn Sie auf welche stoßen.

Es ist ein wenig verwirrend, aber nach einem kleinen Experiment sollten Sie es verstehen können. Hehe0_*

<<: Lernen Sie, benutzerdefinierte Hooks in React zu erstellen

>>: Unglaubliche CSS-Navigationsleiste unterstreiche folgenden Effekt

js canvas realisiert kreisförmige Wasseranimation

Die Verwendung von Textbereichen in HTML und häufige Probleme und Fallanalyse

js canvas realisiert kreisförmige Wasseranimation

So verwenden Sie Docker zum lokalen Verpacken und Bereitstellen von Images

CSS-Menüschaltflächenanimation

Implementierungsbeispiel für eine einfache Vue-Registrierungsseite + Funktion zum Senden eines Bestätigungscodes

WeChat-Applet implementiert ein einfaches Würfelspiel

Analyse des Implementierungsprozesses der drei Modi des VMWare-Netzwerkadapters

Zusammenfassung einiger Tipps zum Umgehen der Node.js-Codeausführung

Warum wirkt sich die Verwendung von Limits in MySQL auf die Leistung aus?

Eine kurze Einführung in die Verwendung des Dezimaltyps in MySQL

Ideen und Lösungen zur Fehlerbehebung bei hoher CPU-Auslastung in Linux-Systemen

Artikel empfehlen

Detaillierte Erläuterung der Verwendung von Requisiten in den drei Hauptattributen von React

Ubuntu öffnet Port 22

Detaillierte Erklärung der Anzeigemodi in CSS-Tags

UDP DUP-Timeout UPD-Portstatus-Erkennungscodebeispiel

Detailliertes Tutorial zum Ersetzen von mysql8.0.17 in Windows 10

Nginx: Ein Domänenname für den Zugriff auf mehrere Projekte – Methodenbeispiel

So verwenden Sie vite zum Erstellen einer Vue3-Anwendung

Beispielcode zur Implementierung des Regentropfen-Animationseffekts mit CSS

Beispiel für die gemeinsame Nutzung von Anker-Tags in HTML

Detaillierte Erläuterung der Konfigurationsmethode des Vue-Anforderungs-Interceptors

CSS3 erstellt eine Webanimation, um einen springenden Balleffekt zu erzielen

Implementierungscode der HTML-Floating-Promptbox-Funktion

So implementieren Sie Bildmapping mit CSS

Verständnis des CSS-Selektorgewichts (persönlicher Test)

So verwenden Sie Javascript zum Generieren glatter Kurven