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
React+Amap ermittelt Breiten- und Längengrad in Echtzeit und lokalisiert die Adresse
Inhaltsverzeichnis 1. Initialisieren Sie die Kart...
Detaillierte Erklärung der Verwendung von SetUp- und Reactive-Funktionen in Vue3
1. Wann soll setUp ausgeführt werden? Wir alle wi...
Detaillierte Schritte zur Installation von Python 3.7 auf CentOS 6.5
1. Python 3 herunterladen wget https://www.python...
Tabelle zeigt den Grenzcode, den Sie anzeigen möchten
Gemeinsame Eigenschaften von Tabellen Die grundle...
Lösen Sie das Hierarchieproblem des Z-Index des untergeordneten Elements und der Geschwisterknoten des übergeordneten Elements in CSS
1. Die Entstehung des Problems Habe eine flache L...
mysql erhält statistische Daten innerhalb eines bestimmten Zeitraums
mysql erhält statistische Daten innerhalb eines b...
Zwei Möglichkeiten zum Beenden von Bash im Docker-Container unter Linux
Wenn Sie Bash beenden möchten, haben Sie zwei Mög...
Diagramm des Datenübertragungsprozesses beim dritten TCP-Handshake
Die Prozesspakete mit dem SYN-Flag im RFC793-Doku...
Vue3-Zeitstempelkonvertierung (ohne Verwendung von Filtern)
Wenn vue2 Zeitstempel konvertiert, verwendet es i...
Detaillierte Erläuterung von drei Lösungen für den Website-Footer-Sinking-Effekt
Hintergrund Viele Website-Designs bestehen im All...
Zusammenfassung praktischer Fähigkeiten, die häufig in Vue-Projekten verwendet werden
Inhaltsverzeichnis Vorwort 1. Verwenden Sie $attr...
Eine kurze Diskussion über die Platzierung von Skripten in HTML
Früher dachte ich, dass Skripte überall in HTML p...
Tipps zur Konvertierung von MySQL-Spalten in Zeilen (teilen)
Vorwort: Weil viele Geschäftstabellen Entwurfsmus...
Verwendung des Linux-Befehls sed
1. Funktionseinführung sed (Stream EDitor) ist ei...
HTML-Kommentare Symbole zum Markieren von Textkommentaren in HTML
HTML-Kommentare: Wir müssen häufig einige HTML-Ko...