您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關html如何設置文本域的大小的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
在html中,可以使用width屬性和height屬性來設置文本域的大小,只需要給文本域標簽textarea添加“width:寬度值;height:高度值;”樣式即可。
html文本域
在 HTML 中還有一種特殊定義的文本樣式,稱為文本城。它與文本框的區別在于可以添加多行文字,從而可以輸人更多的文本。這類控件在一些留言板中最為常見。
語法如下:
<textarea name="文本域名稱”value="文本域默認值" rows="行教”cols="列數"></textarea>
文本域標簽屬性 | 描述 |
name | 文本域的名稱 |
rows | 文本域的行數 |
cols | 文本域的列數 |
value | 文本域的默認值 |
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屬性設置元素的高度。
值 | 描述 |
---|---|
auto | 默認值。瀏覽器可計算出實際的寬度或高度。 |
length | 使用 px、cm 等單位定義寬度或高度。 |
% | 定義基于包含塊(父元素)寬度的百分比寬度或高度。 |
感謝各位的閱讀!關于“html如何設置文本域的大小”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。