Heim > Web-Frontend > HTML-Tutorial > Was sind die Attribute des Textarea-Tags in HTML?

Was sind die Attribute des Textarea-Tags in HTML?

coldplay.xixi
Freigeben: 2022-12-30 11:13:01
Original
25023 Leute haben es durchsucht

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

Beispiel 1: Stellen Sie die Anzahl der Zeilen des Textfelds auf 40 und die Anzahl der Spalten auf 10 ein. Der Name ist Text. Ausdrucksform

<textarea cols=40 rows=10 name=text></textarea>
Nach dem Login kopieren

Beispiel 2: Deaktivieren Sie die Bildlaufleiste auf der rechten Seite des Textfelds. Der Ausdruck

<textarea cols=40 rows=10 name=text style="overflow:auto"></textarea>。style="overflow:auto"
Nach dem Login kopieren

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>
Nach dem Login kopieren

Beispiel 4: Darüber hinaus kann das Festlegen der Bildlaufleistenfarbe, Rahmenfarbe, Schriftgröße, Farbe, Zeilenabstand usw. des Textfelds direkt im Stil festgelegt werden. Diese werden jedoch grundsätzlich in CSS gesetzt und können direkt aufgerufen werden.

Das Folgende ist ein Teil des CSS-Einstellungscodes: Er sollte leichter zu verstehen sein. Was im Textfeld festgelegt wird, ist die Hintergrundfarbe des Textfelds, die Farbe und Dicke des oberen, unteren, linken und rechten Rands usw die Größe der Eingabeschrift usw.

<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>
Nach dem Login kopieren

Fügen Sie den obigen Code zwischen ein. Aufrufmethode:

<textarea cols=40 rows=10 name=text class="textbox"></textarea>
Nach dem Login kopieren

Der Name in class="" entspricht dem Namen der Einstellung, die im CSS verwendet werden soll. Sobald Sie mit diesen Parametern vertraut sind, ist es sehr praktisch, das Texteingabefeld zu ändern und zu verschönern.

Beispiel:

<!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>
Nach dem Login kopieren

Wenn Sie mehr über das Programmieren erfahren möchten, achten Sie bitte auf die Rubrik

php-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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage