HTML <textarea> 元素表示一個(gè)多行純文本編輯控件。 開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽都不能省略。
一個(gè) HTML 文本區(qū)域(textarea):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥(niǎo)教程(cainiaoplus.com)</title> </head> <body> <textarea name="textarea" rows="10" cols="50">Write something here</textarea> </body> </html>測(cè)試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <textarea> 標(biāo)簽。
<textarea> 標(biāo)簽定義一個(gè)多行的文本輸入控件。
文本區(qū)域中可容納無(wú)限數(shù)量的文本,其中的文本的默認(rèn)字體是等寬字體(通常是 Courier)。
可以通過(guò) cols 和 rows 屬性來(lái)規(guī)定 textarea 的尺寸大小,不過(guò)更好的辦法是使用 CSS 的 height 和 width 屬性。
HTML5 增加了一些新的屬性。
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autofocusHTML5 | autofocus | 規(guī)定當(dāng)頁(yè)面加載時(shí),文本區(qū)域自動(dòng)獲得焦點(diǎn)。 |
cols | number | 規(guī)定文本區(qū)域內(nèi)可見(jiàn)的寬度。 |
disabled | disabled | 規(guī)定禁用文本區(qū)域。 |
formHTML5 | form_id | 定義文本區(qū)域所屬的一個(gè)或多個(gè)表單。 |
maxlengthHTML5 | number | 規(guī)定文本區(qū)域允許的最大字符數(shù)。 |
name | text | 規(guī)定文本區(qū)域的名稱(chēng)。 |
placeholderHTML5 | text | 規(guī)定一個(gè)簡(jiǎn)短的提示,描述文本區(qū)域期望的輸入值。 |
readonly | readonly | 規(guī)定文本區(qū)域?yàn)橹蛔x。 |
requiredHTML5 | required | 規(guī)定文本區(qū)域是必需的/必填的。 |
rows | number | 規(guī)定文本區(qū)域內(nèi)可見(jiàn)的行數(shù)。 |
wrapHTML5 | hard soft | 規(guī)定當(dāng)提交表單時(shí),文本區(qū)域中的文本應(yīng)該怎樣換行。 |
<textarea> 標(biāo)簽支持 HTML 的全局屬性。
<textarea> 標(biāo)簽支持 HTML 的事件屬性。
HTML DOM 參考手冊(cè):Textarea 對(duì)象