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

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

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

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


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

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

    文本內(nèi)容

</textarea>

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

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

表1 textarea可選屬性

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



   

猜你喜歡：

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

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

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

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

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