在html中,可以使用width屬性和height屬性來設定文字域的大小,只需要為文字域標籤textarea新增「width:寬度值;height:高度值;」樣式即可。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html文字網域
在 HTML 中也有一個特殊定義的文字樣式,稱為文字城。它與文字方塊的差異在於可以添加多行文字,從而可以輸人更多的文字。這類控制在一些留言板中最為常見。
語法如下:
<textarea name="文本域名称”value="文本域默认值" rows="行教”cols="列数"></textarea>
#文字網域標籤屬性 | ##描述|
文字域的名稱 | |
文字域的行數 | |
文字域的列數 | |
文字域的預設值 |
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>效果圖:
css width和height屬性
width屬性設定元素的寬度。 height屬性設定元素的高度。描述 | |
---|---|
預設值。瀏覽器可計算出實際的寬度或高度。 | |
length | 使用 px、cm 等單位定義寬度或高度。|
% | 定義基於包含區塊(父元素)寬度的百分比寬度或高度。
程式設計影片! !
以上是html怎麼設定文字域的大小的詳細內容。更多資訊請關注PHP中文網其他相關文章!