首頁  >  文章  >  web前端  >  html怎麼設定文字域的大小

html怎麼設定文字域的大小

青灯夜游
青灯夜游原創
2021-03-05 17:52:397343瀏覽

在html中,可以使用width屬性和height屬性來設定文字域的大小,只需要為文字域標籤textarea新增「width:寬度值;height:高度值;」樣式即可。

html怎麼設定文字域的大小

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

html文字網域

在  HTML 中也有一個特殊定義的文字樣式,稱為文字城。它與文字方塊的差異在於可以添加多行文字,從而可以輸人更多的文字。這類控制在一些留言板中最為常見。

語法如下:

<textarea name="文本域名称”value="文本域默认值"  rows="行教”cols="列数"></textarea>
##描述name文字域的名稱#rows文字域的行數#cols文字域的列數value文字域的預設值
文字網域標籤屬性
#文字網域標籤屬性
#【推薦教學:《

html影片教學》】

#html怎麼設定文字網域的大小

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			#text2 {
				width: 200px;
				height: 200px;
			}
		</style>
	</head>

	<body>

		<form action="#" method="post">
			文本域:<br /><br />
			<textarea id="text1" name="description">默认大小 </textarea><br /><br />
			<textarea id="text2" name="description">使用width属性和height属性设置文本域的宽度为200px,高度为200px。</textarea>
		</form>

	</body>

</html>

效果圖:

html怎麼設定文字域的大小

css width和height屬性

width屬性設定元素的寬度。

height屬性設定元素的高度。

值描述#auto預設值。瀏覽器可計算出實際的寬度或高度。 使用 px、cm 等單位定義寬度或高度。 定義基於包含區塊(父元素)寬度的百分比寬度或高度。
length
%
更多程式相關知識,請造訪:

程式設計影片! !

以上是html怎麼設定文字域的大小的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn