當前位置:妙知谷 >

遊戲數碼 >互聯網 >

HTML多行文本框怎麼設置寬度

HTML多行文本框怎麼設置寬度

textarea是表單中的一個文本域,經常用來填寫文字比較多時才用的文本域,文本域中也可以換行進行輸入,在表單設計時,經常會在文本域的寬高,下面小編教教大家如何進行設置

HTML多行文本框怎麼設置寬度

操作方法

(01)首先在html頁面中輸入textarea文本域,此次設置先不需要要設置form,只是在頁面顯示而異

HTML多行文本框怎麼設置寬度 第2張

(02)設置文本域後,進行保存為html後綴格式,並雙擊運行,如圖效果

HTML多行文本框怎麼設置寬度 第3張

(03)文本域本地帶有rows和cols兩個屬性設置大小,如圖所示

HTML多行文本框怎麼設置寬度 第4張

(04)對兩個屬性分別設置了大小後,運行結果顯示寬高有變化,如圖

HTML多行文本框怎麼設置寬度 第5張

(05)通過設置rows和cols屬性大小是有變化,但是並沒有達到像素大小的變化,這樣就可以通過樣式屬性進行控制寬高樣式

HTML多行文本框怎麼設置寬度 第6張

(06)設置完樣式,從新刷新頁面,文本域就根據樣式屬性進行寬高變化,這樣的樣式根據像素統一,好調整帶容器的大小,如圖所示

HTML多行文本框怎麼設置寬度 第7張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/5kgj9k.html