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
Grundlegendes Tutorial zur Bedienung von Dateien und Berechtigungen in CentOS
Vorwort Bevor wir beginnen, sollten wir uns kurz ...
CSS zum Implementieren von QQ-Browserfunktionen
Code Wissenspunkte 1. Kombinieren Sie fullpage.js...
Lösung für das Problem, dass die vertikale Zentrierung des Flex-Innenknopfs nicht zentriert ist
Problembeschreibung Der Schaltflächenstil ist Sym...
So konfigurieren Sie den Nginx-Lastausgleich
Inhaltsverzeichnis Nginx-Lastausgleichskonfigurat...
CSS zum Ändern der Größe (Breite, Höhe) des Bildes, wenn die Maus über den Bild-Hyperlink fährt
So ändern Sie den Bild-Hyperlink, wenn Sie mit der...
Cache von JS- und CSS-Dateien in HTML-Seiten automatisch leeren (Versionsnummern automatisch hinzufügen)
Bei der Entwicklung von Webprojekten verweisen wi...
MySQL-Volltextindex, um eine einfache Version des Suchmaschinen-Beispielcodes zu erreichen
Vorwort Nur Innodb- und MyISAM-Speicher-Engines k...
CSS-Beispielcode zur Implementierung von Schiebetüren
Durch die sogenannte Sliding Door-Technologie läs...
Detaillierte Erläuterung der objektorientierten Praxis von JavaScript: Kapselung und Ziehen von Objekten
Inhaltsverzeichnis Überblick 1. So animieren Sie ...
Detaillierte Erläuterung der MySQL-Installation und der neuen Kennwortauthentifizierungsmethode in MySQL 8.0
1. Einleitung Oracle hat MySQL 8.0GA veröffentlic...
Vue implementiert nahtloses Scrollen von Listen
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Einführung in das benutzerdefinierte Docker-Netzwerk
Inhaltsverzeichnis Benutzerdefiniertes Docker-Net...
15 JavaScript-Funktionen, die es wert sind, gesammelt zu werden
Inhaltsverzeichnis 1. Zahlen umkehren 2. Holen Si...
Analyse der Anweisungsausführungsreihenfolge von SQL und MySQL
Ich bin heute auf ein Problem gestoßen: Kann ich ...
So verwenden Sie SVG-Symbole in WeChat-Applets
SVG wurde in den letzten Jahren aufgrund seiner v...