首頁(yè)技術(shù)文章正文

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

更新時(shí)間:2021-05-20 來(lái)源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif


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

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

    文本內(nèi)容

</textarea>

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

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

表1 textarea可選屬性

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



   

猜你喜歡:

::before和::after中雙冒號(hào)和單冒號(hào)有什不同?

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

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

黑馬程序員web前端培訓(xùn)

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!