Einige Parameterbeschreibungen von Texteingabefeldern im Webdesign
|
<br />In Gästebüchern, Foren und anderen Orten werden im Allgemeinen Texteingabefelder verwendet, die in der HTML-Sprache Textbereiche sind. Textbereiche enthalten zahlreiche Parameter. Wenn Sie erst einmal gelernt haben, wie Sie diese Parameter verwenden, können Sie die Größe und das Erscheinungsbild des Texteingabefelds beliebig ändern, um den gewünschten Effekt zu erzielen. Im Folgenden werden diese Parameter und ihre Verwendung vorgestellt. 1. Spalten, vertikale Spalten. Wenn keine Stylesheet-Einstellungen vorhanden sind, stellt es die Anzahl der Bytes dar, die in eine Zeile passen. Beispielsweise bedeutet cols=60, dass eine Zeile bis zu 60 Bytes oder 30 chinesische Zeichen enthalten kann. Beachten Sie auch, dass hierdurch die Breite des Textfelds angepasst wird. Geben Sie den Wert von cols ein und definieren Sie anschließend die Schriftgröße des Eingabetexts (falls nicht definiert, wird der Standardwert verwendet). Anschließend wird die Breite des Textfelds bestimmt. 2. Zeilen, horizontale Spalten. Gibt die Anzahl der Zeilen an, die angezeigt werden können. Beispielsweise bedeutet „rows=10“, dass 10 Zeilen angezeigt werden können. Wenn mehr als 10 Zeilen vorhanden sind, müssen Sie zum Durchsuchen die Bildlaufleiste ziehen. (Wie oben wird hierdurch die Höhe des Textfelds gesteuert.) 3. Name, der Name des Textfelds. Dieses Element ist wichtig, da es beim Speichern von Text verwendet werden muss. 4. Warp. Wenn Warp = "off" ist, bedeutet dies, dass der Textbereich nicht automatisch umbrochen wird. Wenn es nicht angegeben ist, wird der Textbereich standardmäßig automatisch umbrochen. Dieser Parameter wird im Allgemeinen seltener verwendet. 5. Stil: Dies ist ein sehr praktischer Parameter, mit dem die Hintergrundfarbe des Textfelds, die Farbe und der Stil der Bildlaufleiste, die Rahmenfarbe, die Größe und Farbe der Eingabeschriftart usw. festgelegt werden können. 6. Klassen werden im Allgemeinen verwendet, um Einstellungen in externem CSS aufzurufen. Beispiel 1: Legen Sie die Anzahl der Zeilen und Spalten des Textfelds auf 40 bzw. 10 fest. Der Name ist Text. Ausdrucksformat <textarea cols=40 rows=10 name=text></textarea> Beispiel 2: Deaktivieren Sie die Bildlaufleiste auf der rechten Seite des Textfelds. Ausdrucksform <textarea cols=40 rows=10 name=text style="overflow:auto"></textarea>. style="overflow:auto" bedeutet, dass die Bildlaufleiste automatisch angezeigt wird, wenn der eingegebene Text die eingestellte Zeilenanzahl überschreitet. Beispiel 3: Legen Sie die Hintergrundfarbe des Textfelds fest. <textarea cols=40 rows=10 name=text style="background-color:BFCEDC"></textarea>. Beispiel 4: Darüber hinaus können Sie die Bildlaufleistenfarbe, Rahmenfarbe, Schriftgröße, Farbe, Zeilenabstand usw. des Textfelds direkt im Stil festlegen. Diese werden allerdings grundsätzlich in CSS gesetzt und können direkt aufgerufen werden. Nachfolgend sehen Sie einen Abschnitt des CSS-Einstellungscodes: Er sollte leicht verständlich sein. Die Einstellungen im Textfeld sind die Hintergrundfarbe des Textfelds, die Farbe und Dicke des oberen, unteren, linken und rechten Rahmens sowie die Eingabeschriftgröße usw. <Stil> .textbox { HINTERGRUND: #BFCEDC; OBEN RAND: #7F9DB9 1px durchgezogen; LINKS RAND: #7F9DB9 1px durchgezogen; RECHTS RAND: #7F9DB9 1px durchgezogen; UNTEN RAND: #7F9DB9 1px durchgezogen; SCHRIFTFAMILIE: "宋体", "Verdana", "Arial", "Helvetica"; SCHRIFTGRÖSSE: 12px; TEXTAUSRICHTUNG: LIFT;} </Stil> Fügen Sie den obigen Code zwischen <head> und </head> der Seite ein. Aufrufende Methode: <textarea cols=40 rows=10 name=text class="textbox"></textarea>. Der Name in class="" entspricht dem Namen der zu verwendenden Einstellung in CSS. Sobald Sie mit diesen Parametern vertraut sind, können Sie das Texteingabefeld ganz einfach ändern und verschönern. |
<<: Detaillierte Schritte zum Debuggen von VUE-Projekten in IDEA
Artikel empfehlen
So stellen Sie das Crownblog-Projekt mit Docker in der Alibaba Cloud bereit
Front-End-Projektpaketierung Suchen Sie .env.prod...
Warum wird IE6 von den meisten Leuten verwendet?
In erster Linie bin ich Webdesigner. Genauer gesag...
Mit CSS3 erstellte Buchseitenumblättereffekte
Ergebnis:Implementierungscode: html <!-- Wenn ...
Detaillierte Erklärung der Semiotik in Html/CSS
Basierend auf Theorien wie Saussures Sprachphilos...
Eine kurze Analyse des Problems der Mysql 8.0-Version, das getTables dazu veranlasst, alle Datenbanktabellen zurückzugeben
Vorwort Dieser Artikel stellt hauptsächlich den r...
So importieren Sie Tomcat-Quellcode in Idea
Inhaltsverzeichnis 1. Laden Sie den Tomcat-Code h...
Beispiel für die Validierung eines JavaScript-Formulars
HTML-Formulare werden häufig verwendet, um Benutz...
Lassen Sie Ihren Text mit dem Marquee-Attribut in HTML tanzen
Syntax: <marquee> …</marquee> Mithilfe...
Schritte zum Erstellen der MHA-Architekturbereitstellung in MySQL
Inhaltsverzeichnis MAH 1. Einführung in die MAH-A...
Navicat für MySQL-Tutorial
Zuerst müssen Sie Navicat für MySQL herunterladen...
So berechnen Sie die Bildrate FPS von Webanimationen
Inhaltsverzeichnis Standards für flüssige Animati...
Detaillierte Erklärung der Startbefehle für Docker-Versionen es, milvus und minio
1. es-Startbefehl: docker run -itd -e TAKE_FILE_O...
So begrenzen Sie den Wertebereich von Objektschlüsseln in TypeScript
Wenn wir TypeScript verwenden, möchten wir das vo...
Vue3 kapselt die Textskelett-Effektkomponente der Seitennavigation
Vue3-Projektkapselung Seitennavigation Textskelet...
Analyse der Prinzipien von MySQL Dirty Page Flush und Shrinking Table Space
MySQL-Dirty-Pages Aufgrund des WAL-Mechanismus er...