在html語(yǔ)法中的textarea標(biāo)簽有一個(gè)孿生兄弟那就是text標(biāo)簽,它們之間的不同在于text只能輸入一行,而textarea標(biāo)簽可以輸入多行(一般用于輸入較長(zhǎng)的文本時(shí)使用,并且輸入的文本需要換行效果時(shí)使用)。
在w3school中對(duì)textarea的定義為多行的文本輸入控件。textara的文本區(qū)域內(nèi)可以輸入無(wú)限數(shù)量的文本,但是它的文本字體的默認(rèn)字體為courier。
textarea的必選屬性
cols 設(shè)置多行文本框的可見(jiàn)寬度(以平均字符寬度為單位)
rows 設(shè)置多行文本框可見(jiàn)行數(shù)
textarea的可選屬性
disabled 指定多行文本框?yàn)榻?br />name 為多行文本框定義名稱
readonly 指定多行文本框?yàn)橹蛔x
textarea的核心屬性:
accesskey 設(shè)置訪問(wèn)元素的鍵盤(pán)快捷鍵
class 指明元素的類名
dir 指定元素里內(nèi)容的文本方向
id 指明元素的唯一id
lang 指定元素內(nèi)容的語(yǔ)言代碼
style 指定元素的內(nèi)嵌樣式
tabindex 指定元素的Tab鍵順序
title 指定元素的提示文本
xml:lang 在XHTML文檔中指定元素內(nèi)容的語(yǔ)言代碼
textarea的事件屬性
onblur 當(dāng)元素失去焦點(diǎn)時(shí)執(zhí)行腳本
onchange 當(dāng)元素值(即元素的value屬性值)發(fā)生改變時(shí)執(zhí)行腳本
onclick 在元素區(qū)域內(nèi)單擊鼠標(biāo)(不區(qū)分左右鍵)時(shí)執(zhí)行腳本
ondblclick 在元素區(qū)域內(nèi)雙擊鼠標(biāo)(不區(qū)分左右鍵)時(shí)執(zhí)行腳本
onfocus 當(dāng)元素取得焦點(diǎn)時(shí)執(zhí)行腳本
onmousedown 在元素區(qū)域內(nèi)按下鼠標(biāo)鍵(不區(qū)分左右鍵)時(shí)執(zhí)行腳本
onmousemove 當(dāng)鼠標(biāo)指針在元素區(qū)域內(nèi)移動(dòng)時(shí)執(zhí)行腳本
onmouseout 當(dāng)鼠標(biāo)指針移出元素區(qū)域時(shí)執(zhí)行腳本
onmouseover 當(dāng)鼠標(biāo)指針移入元素區(qū)域時(shí)執(zhí)行腳本
onmouseup 在元素區(qū)域內(nèi)松開(kāi)鼠標(biāo)鍵(不區(qū)分左右鍵)時(shí)執(zhí)行腳本
onkeydown 按下一個(gè)鍵時(shí)執(zhí)行腳本
onkeypress 按下并松開(kāi)一個(gè)鍵時(shí)執(zhí)行腳本
onkeyup 松開(kāi)一個(gè)鍵時(shí)執(zhí)行腳本
onselect 當(dāng)用戶在文本框或多行文本框中選擇文本時(shí)執(zhí)行腳本
textarea使用實(shí)例:
<form method="POST" action="xxx.cgi">
<div>
<textarea name="MSG" cols=40 rows=4>
歡迎光臨長(zhǎng)沙做網(wǎng)站湘龍工作室的網(wǎng)站
</textarea>
</div>
</form>
使用textarea注意事項(xiàng):textarea標(biāo)簽里的文字是相對(duì)textarea來(lái)說(shuō)的,textarea相當(dāng)于提供了一個(gè)編輯區(qū)域,這個(gè)區(qū)域是緊接著textarea開(kāi)始的,即所謂的所見(jiàn)即所得吧。只要這兩個(gè)標(biāo)簽不在一行是,這時(shí)</textarea>前的空白也會(huì)被他識(shí)別為空白文字的,你會(huì)發(fā)現(xiàn)你的鼠標(biāo)編輯指針不會(huì)在文字最開(kāi)始或者緊挨文字閃動(dòng)。