HTML5 <textarea> 標(biāo)簽

2022-05-23 15:08 更新

實(shí)例

HTML5 <textarea>標(biāo)簽用于創(chuàng)建一個(gè)可以輸入多行的文本框。請(qǐng)參考下述示例:

一個(gè) HTML 文本區(qū)域:

<textarea rows="10" cols="30">
我是一個(gè)文本框。 
</textarea>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <textarea> 標(biāo)簽。


標(biāo)簽定義及使用說(shuō)明

<textarea> 標(biāo)簽定義一個(gè)多行的文本輸入控件。

文本區(qū)域中可容納無(wú)限數(shù)量的文本,其中的文本的默認(rèn)字體是等寬字體(通常是 Courier)。

可以通過(guò) cols 和 rows 屬性來(lái)規(guī)定 textarea 的尺寸大小,不過(guò)更好的辦法是使用 CSS 的 heightwidth 屬性。


HTML 4.01 與 HTML5之間的差異

HTML5 增加了一些新的屬性。


屬性

New :HTML5 中的新屬性。

屬性 描述
autofocusNew autofocus 規(guī)定當(dāng)頁(yè)面加載時(shí),文本區(qū)域自動(dòng)獲得焦點(diǎn)。
cols number 規(guī)定文本區(qū)域內(nèi)可見(jiàn)的列數(shù)。
disabled disabled 規(guī)定禁用文本區(qū)域。
formNew form_id 定義文本區(qū)域所屬的一個(gè)或多個(gè)表單。
maxlengthNew number 規(guī)定文本區(qū)域允許的最大字符數(shù)。
name text 規(guī)定文本區(qū)域的名稱。
placeholderNew text 規(guī)定一個(gè)簡(jiǎn)短的提示,描述文本區(qū)域期望的輸入值。
readonly readonly 規(guī)定文本區(qū)域?yàn)橹蛔x。
requiredNew required 規(guī)定文本區(qū)域是必需的/必填的。
rows number 規(guī)定文本區(qū)域內(nèi)可見(jiàn)的行數(shù)。
wrapNew hard
soft
規(guī)定當(dāng)提交表單時(shí),文本區(qū)域中的文本應(yīng)該怎樣換行。


全局屬性

<textarea> 標(biāo)簽支持 HTML 的全局屬性。


事件屬性

<textarea> 標(biāo)簽支持 HTML 的事件屬性。


相關(guān)文章

HTML DOM 參考手冊(cè):Textarea 對(duì)象

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)