HTML多行文字框怎麼設定寬度

來源:酷知科普網 2.56W

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張
熱門標籤