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