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
js implementiert eine einfache Methode zur Kapselung von jQuery und eine detaillierte Erklärung der Kettenoperationen
Inhaltsverzeichnis 1. Implementieren Sie die Meth...
Führen Sie die Schritte zum Konfigurieren der IP-Adresse in Ubuntu 18.04 LTS aus
Vorwort Die Methode zum Konfigurieren von IP-Adre...
Praktische Aufzeichnung der MySQL 5.6 Master-Slave-Fehlerberichterstattung
1. Problemsymptome Version: MySQL 5.6, unter Verw...
Detaillierte Erläuterung des Prinzips der Vue-Überwachungsdaten
<Text> <div id="Wurzel"> &l...
Lösung für das Problem, dass der Windows Server 2008 R2-Server ohne Grund automatisch neu gestartet wird
Der Windows Server 2008-Server wird automatisch n...
Spezifische Verwendung von MySQL-Operatoren (und, oder, in, nicht)
Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...
Zusammenfassung der Wissenspunkte zum Abdecken von Indizes in MySQL
Wenn ein Index die Werte aller abzufragenden Feld...
Zusammenfassung der täglichen Verwaltungsbefehle von mysqladmin unter MySQL (unbedingt lesen)
Das Verwendungsformat des mysqladmin-Tools ist: m...
Lernen Sie den Rendering-Prozess von HTML-Seiten kennen, um sich auf die Optimierung der Front-End-Leistung vorzubereiten (Fortsetzung)
Gestern Abend habe ich einen Aufsatz über den Bro...
Drei Eigenschaften von Javascript-Objekten
Inhaltsverzeichnis 1. beschreibbar: beschreibbar ...
Allgemeine Symbole in Unicode
Unicode ist ein von einer internationalen Organis...
So erstellen Sie eine Datenbank in Navicat 8 für MySQL
Beim Entwickeln einer Website müssen Sie häufig e...
Zwei Möglichkeiten, damit IE6 Bilder im PNG-24-Format normal anzeigt
Methode 1: Bitte fügen Sie den folgenden Code nach...
Fallbeispiel zur TypeScript-Schnittstellendefinition
Die Rolle der Schnittstelle: Schnittstelle, auf E...
So betreiben Sie eine MySql-Datenbank mit Gorm
1. Festlegen der Groß-/Kleinschreibung von Felder...