首頁技術文章正文

textarea控件創(chuàng)建文本輸入框【前端技術文章】

更新時間:2021-05-20 來源:黑馬程序員 瀏覽量:

1577370495235_學IT就到黑馬程序員.gif


當定義input控件的type屬性值為text時,可以創(chuàng)建一個單行文本輸入框。但是,如果需要輸入大量的信息,單行文本輸入框就不再適用,為此HTML語言提供了<textarea></textarea>標簽。通過textarea控件可以輕松地創(chuàng)建多行文本輸入框,其基本語法格式如下:

<textarea cols="每行中的字符數(shù)" rows="顯示的行數(shù)">

    文本內容

</textarea>

在上述代碼中,cols和rows為<textarea>標簽的必備屬性,其中cols用來定義多行文本輸入框每行中的字符數(shù),rows用來定義多行文本輸入框顯示的行數(shù),它們的取值均為正整數(shù)。

值得一提的是,除了cols和rows屬性外,<textarea>標簽還有幾個可選屬性,分別為disabled、name和readonly,如表1所示。

表1 textarea可選屬性

屬性屬性值描述
name                      由用戶自定義                  控件的名稱                                                  
readonlyreadonly該控件內容為只讀(不能編輯修改)
disableddisabled第一次加載頁面時禁用該控件(顯示為灰色)



   

猜你喜歡:

::before和::after中雙冒號和單冒號有什不同?

HTML5新增form屬性有哪些功能?具體應該怎樣操作?

在vue中v-for指令中key作用

黑馬程序員web前端培訓

分享到:
在線咨詢 我要報名
和我們在線交談!