Texteingangsfelder sollten in allgemeinen Nachrichtenbüchern, Foren usw. verwendet werden, dh Textarea und Textare in der HTML -Sprache enthalten viele Parameter. Wenn Sie lernen, diese Parameter zu verwenden, können Sie die Größe und das Aussehen des Texteingangsfelds nach Belieben ändern, um den gewünschten Effekt zu erzielen. Hier sind die Parameter und die Verwendung dieser Parameter.
1. Cols, vertikale Säule. Ohne Stylesheet -Einstellungen repräsentiert es die Anzahl der Bytes, die in einer Reihe untergebracht werden können. Zum Beispiel bedeutet cols = 60, dass eine Linie bis zu 60 Bytes aufnehmen kann, dh 30 chinesische Zeichen. Darüber hinaus ist es wichtig zu beachten, dass die Breite des Textfelds damit angepasst wird, den COLS -Wert eingeben und dann die Größe der Eingabetxtschrift definieren (falls nicht definiert wird, der Standardwert verwendet wird), dann wird die Breite des Textfelds ermittelt.
2. Zeilen, horizontale Säule. Gibt die Anzahl der Zeilen an, die angezeigt werden können, wie z. B. Zeilen = 10, was bedeutet, dass 10 Zeilen angezeigt werden können. Wenn Sie mehr als 10 Zeilen haben, müssen Sie die Bildlaufleiste zum Stöbern ziehen. (Wie oben wird die Höhe des Textfelds durch diese gesteuert.)
3. Name, der Name des Textfelds, dieses Element ist unverzichtbar, da es beim Speichern von Text verwendet werden muss.
4. Warp. Wenn Warp = Off bedeutet, dass es im Textbereich keine automatische Verpackung gibt, wird es natürlich, wenn Sie nicht schreiben, eine automatische Verpackung standardmäßig. Dieser Parameter wird im Allgemeinen weniger häufig verwendet.
5. Stil, dies ist ein sehr praktischer Parameter, mit dem die Hintergrundfarbe des Textfelds, die Farbe und Form der Bildlaufleiste, die Randfarbe, die Größe und Farbe der Eingangsschrift und Farbe usw. festgelegt werden kann.
6. Klasse, im Allgemeinen verwendet, um Einstellungen in externen CSS aufzurufen.
Beispiel 1: Stellen Sie die Anzahl der Zeilen im Textfeld auf 40 und die Anzahl der Spalten auf 10 fest. Name ist Text. Ausdrucksform <textArea cols = 40 Zeilen = 10 name = text> </textArea>
Beispiel 2: Abbrechen Sie die Bildlaufleiste auf der rechten Seite des Textfelds. Expressionsform <textArea cols = 40 Zeilen = 10 name = text style = Überlauf: auto> </textArea>. style = overflow: Auto bedeutet, dass die Bildlaufleiste automatisch angezeigt wird, wenn der Eingangstext die festgelegte Anzahl der Zeilen überschreitet.
Beispiel 3: Stellen Sie die Hintergrundfarbe des Textfelds fest. <textArea cols = 40 rows = 10 name = text style = background-color: bfcedc> </textArea>.
Beispiel 4: Setzen Sie außerdem die Bildlaufleiste, die Farbfarbe, die Schriftgröße, die Farbe, der Linienabstand usw. des Textfelds, das direkt stilvoll eingestellt werden kann. Diese werden jedoch normalerweise daran gewöhnt, sie in CSS einzustellen. Rufen Sie sie einfach direkt an. Im Folgenden finden Sie einen CSS -Einstellcode: Es sollte einfacher zu verstehen sein. Die Textbox ist in Sequenz mit der Hintergrundfarbe des Textfelds, der Farbe und Dicke des oberen, unteren, linken und rechten Randfarbens und -dicks sowie der Größe der Eingangsschrift eingestellt.
| <Styles> .TextBox {Hintergrund: #bfcedc; Grenze: #7f9db9 1px fest; Border-Links: #7F9DB9 1PX Solid; Grenzrechte: #7f9db9 1px fest; Border-Bottom: #7f9db9 1px Solid; Schriftfamilie: Songti, Verdana, Arial, Helvetica; Schriftgröße: 12px; Text-Align: Lift;} </style> |
Fügen Sie den obigen Code zwischen <kopf> und </head> der Seite ein. Anrufmethode: <textArea cols = 40 rows = 10 name = text class = textbox> </textarea>. Der Name in class = entspricht dem Namen der Einstellung, die in CSS verwendet werden soll. Sobald Sie mit diesen Parametern vertraut sind, ist es sehr bequem, das Texteingangsfeld zu ändern und zu verschönern.