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
Artikel empfehlen
Einführung in die Verwendung von this in HTML-Tags
Zum Beispiel: Code kopieren Der Code lautet wie fo...
Responsives CSS-Webseitenlayout zur automatischen Anpassung an PC-/Pad-/Telefongeräte
Vorwort Heutzutage gibt es viele Geräte, darunter...
So ändern Sie das Standardnetzwerksegment der Docker0-Brücke in Docker
1. Hintergrund Wenn der Docker-Dienst gestartet w...
Verwenden Sie h1-, h2- und h3-Tags angemessen
Beim Erstellen von Webseiten ist die Verwendung d...
Über die praktische Anwendung von HTML-Mailto (E-Mail) sprechen
Wie wir alle wissen, ist „mailto“ ein sehr praktis...
Das WeChat-Applet implementiert den Wasserfallfluss, Paging, Scrollen und Laden
In diesem Artikel wird der spezifische Code für d...
Fügen Sie dem Vortag des Website-Codeblocks den Code für die Schaltfläche „Code kopieren“ hinzu
In Bezug auf andere, professionellere Blogsysteme...
So erstellen Sie ein php-nginx-alpine-Image von Grund auf in Docker
Obwohl ich bereits einige Projekte in einer Docke...
CSS fixiert das Tag auf Containerebene (div...) an einer Position (ganz rechts auf der Seite)
Der Code sieht folgendermaßen aus: .Verfahren{ Ra...
Erklären Sie kurz die Verwendung von „group by“ in SQL-Anweisungen
1. Übersicht Gruppieren nach bedeutet, Daten nach...
Installation und Daemon-Konfiguration von Redis unter Windows und Linux
# Installations-Daemon-Konfiguration für Redis un...
Tipps zum Organisieren von Zeichenfolgen in Linux
Bei Linux-Operationen ersetzen und zählen wir häu...
Tutorial zur Installation und Verwendung der verteilten Ceph-Software unter Linux
Inhaltsverzeichnis Vorwort 1. Grundlegende Umgebu...
React implementiert die Prinzipanalyse der drei Phasen Laden, Laden, Abschluss und Ladefehler
Kürzlich schrieb ich in meinem Blog, dass ich fes...
Grafisches Tutorial zur Installation und Konfiguration von MySQL Server 5.7.20
Dieser Artikel zeichnet die Installations- und Ko...