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

textarea控件創(chuàng)建文本輸入框

更新時(shí)間:2021年05月20日17時(shí)01分來源:傳智教育瀏覽次數(shù):

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

<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	由用戶自定義	控件的名稱
readonly	readonly	該控件內(nèi)容為只讀（不能編輯修改）
disabled	disabled	第一次加載頁(yè)面時(shí)禁用該控件（顯示為灰色）