Die Attribute des Textarea-Tags in HTML sind: 1. cols ist eine vertikale Spalte; 2. name, der Name des Textfelds; 3. warp, wenn [warp="off"] bedeutet, dass der Textbereich dies nicht tut Automatisch umbrechen; 4. Zeilen horizontale Spalte; 5. Klasse wird im Allgemeinen zum Aufrufen von Einstellungen in externem CSS verwendet.
Die Betriebsumgebung dieses Artikels: Acer S40-51, HBuilder, cols
, vertikale Spalten. Wenn keine Stylesheet-Einstellungen vorhanden sind, stellt es die Anzahl der Bytes dar, die in einer Zeile untergebracht werden können. Beispielsweise bedeutet cols=60, dass eine Zeile bis zu 60 Bytes enthalten kann, was 30 chinesischen Zeichen entspricht. Beachten Sie außerdem, dass die Breite des Textfelds dadurch angepasst wird. Geben Sie den Wert von cols ein und definieren Sie dann die Größe der Eingabetextschriftart (falls nicht definiert, wird der Standardwert verwendet) und dann die Breite von Das Textfeld wird bestimmt.
2. Zeilen
, horizontale Spalten. Gibt die Anzahl der Zeilen an, die angezeigt werden können. Zeilen=10 bedeutet beispielsweise, 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, der Name des Textfelds, dies ist wichtig, da er beim Speichern von Text verwendet werden muss.
4. warp
, wenn warp="off" bedeutet, dass der Textbereich nicht automatisch umbrochen wird, wenn er nicht geschrieben wird. Dieser Parameter wird im Allgemeinen seltener verwendet. 5. style
, dies ist ein sehr praktischer Parameter, mit dem die Hintergrundfarbe des Textfelds, die Farbe und Form der Bildlaufleiste, die Rahmenfarbe, die Größe und die Farbe festgelegt werden können der Eingabeschrift usw.
6. class
wird im Allgemeinen zum Aufrufen von Einstellungen in externem CSS verwendet. cols
,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体的大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。
2、rows
,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了。(同上,文本框的高度就是通过这个来控制的。)
3、name
,文本框的名称,这项必不可省,因为存储文本的时候必须用到。
4、warp
,当warp="off"表示该文本区域中不自动换行,当然不写默认是自动换行的。这个参数一般用得比较少。
5、style
,这是个非常实用的参数,可以用来设置文本框的背景色,滚动条颜色及形式,边框色,输入字体的大小颜色等等。
6、class
<textarea cols=40 rows=10 name=text></textarea>
<textarea cols=40 rows=10 name=text style="overflow:auto"></textarea>。style="overflow:auto"
<textarea cols=40 rows=10 name=text style="background-color:BFCEDC"></textarea>
<style> .textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px solid; BORDER-LEFT: #7F9DB9 1px solid; BORDER-RIGHT: #7F9DB9 1px solid; BORDER-BOTTOM: #7F9DB9 1px solid; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica"; FONT-SIZE: 12px; TEXT-ALIGN: LIFT;} </style>
<textarea cols=40 rows=10 name=text class="textbox"></textarea>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网</title> <script> function displayResult() { alert(document.getElementById("myTextarea").value); } </script> </head> <body> <textarea id="myTextarea" cols="20"> 在php中文网,你可以学多很多编程的基础知识,包括 HTML, XML, SQL, 和 PHP 等各种前端内容。 </textarea> <br> <button type="button" onclick="displayResult()">弹出 textarea 元素的文本</button> </body> </html>
Wenn Sie mehr über das Programmieren erfahren möchten, achten Sie bitte auf die Rubrikphp-Schulung!
Das obige ist der detaillierte Inhalt vonWas sind die Attribute des Textarea-Tags in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!