需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼lttextarea style=quotresizequotlttextarea3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)textarea在網(wǎng)頁(yè)中的大小被固定不可修改；lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitledownloadlttitle lthead ltbody lttable border=quot2quot style=quotwidth 600pxheight autoquot ltthead lttr ltthidltth ltthcontltth lttr ltthead lttbody lttr lttdlttextarea style=quotwidth。

var CSSrules = #39textarea#39 functionelement elementonkeydown = functionevent return doKeyPresselement，event ，elementonpaste = function return doPasteelement ，elementonkeyup = function return doKeyUpelement ，elementonblur = function return；textarea 中不能顯示 html 內(nèi)容你只需要把一個(gè)div加上contenteditable=quottruequot屬性，它里面的內(nèi)容就可以編輯了，并且可以顯示HTML內(nèi)容ltdiv contenteditable=quottruequot ltinput type=quottextquot ltdiv。

設(shè)置html 輸入框控件text的自定義長(zhǎng)度寬度和字體的大小，你只要在輸入欄中寫入代碼即可代碼如下ltinput name=quotquot type=quottextquot style=quotwidth200px height20pxquot PShtml view plain copy lttextarea id=quotcontentquot name=quotcontentquot style=quotwidth 80%height 30%quot onblur=quotthis。

html獲取contextpath

quotmyTextAreaquotvalue=documentgetElementByIdquotmyTextAreaquotinnerText+quot\nvalue is ok！quot ltscript ltbody lttextarea name= quotmyTextAreaquot cols= quot80 quot rows= quot10 quot原始值lttextarea ltinput type=quotbuttonquot value=quot按鈕quot onclick=quotchangeTextAreaquot ltbody lthtml。

textarea是一個(gè)純文本框，不是超文本窗口，只能顯示文本信息，不支持顯示文本的字體大小顏色圖片等內(nèi)容，從這個(gè)意義上說是不支持HTML的但是textarea里面是可以顯示所有的HTML代碼，比如ltBR等，意思是說可以顯示和輸入HTML代碼，從這個(gè)意義上說，是支持HTML代碼的怎樣讓textarea顯示HTML代碼呢，比如要顯示一個(gè)ltTEXT。

二輸入內(nèi)容之后，html會(huì)自動(dòng)給你生成一個(gè)div，那么你按了回車之后輸入的內(nèi)容都會(huì)放到這塊div中三textarea內(nèi)容保存到數(shù)據(jù)庫(kù)，然后從數(shù)據(jù)庫(kù)取出來用div顯示， 前臺(tái)獲取textarea的value值， 把value值傳到后臺(tái)，對(duì)特殊字符進(jìn)行處理，php為例htmlspecialcharsvalue。

在提交到數(shù)據(jù)庫(kù)中保存的時(shí)候把字符替換一下就OK了 如果是用ASP做的話這樣就可以了 HTML頁(yè)面上文本區(qū)代碼lttextarea rows=quot2quot name=quottextstrquot cols=quot20quotlttextarea 提交頁(yè)面 lt textstr=requestquottextstrquottextstr=replacetextstr，vbcrlf，quotltbrquot#39替換回車 textstr=replacetextstr，quot quot。

quot#t1quottextquotAAAquotquot#t2quotvalquotBBBquot分別說明兩種寫法的區(qū)別1在IE下，不管用val或text賦值，后續(xù)的讀取都正常2在Firefox下，使用val指定的值，畫面上會(huì)出現(xiàn)，但是用text或是透過html檢視時(shí)卻是字串因此在Firefox中，如果希望設(shè)定給textarea值出現(xiàn)在html中或。

獲取textarea值var qrcodefortemcontent = $quot#qrcodefortemcontentquotval設(shè)置textarea值$quot#qrcodefortemcontentquotvalquot123quot2 對(duì)于label元素，也可以用類似的方法獲取和設(shè)置值獲取label值var next_openid2 = $quot#next_openid2quottext設(shè)置label值$quot#hasnext2quottext。

這是個(gè)雙標(biāo)簽，直接把內(nèi)容寫到兩個(gè)標(biāo)簽之間就行了，和input是不一樣的，和其他的普通標(biāo)簽是一樣的。

textarea標(biāo)簽的基本屬性autofocus當(dāng)頁(yè)面加載時(shí)，文本區(qū)域自動(dòng)獲得焦點(diǎn)值autofocuscols文本區(qū)域內(nèi)可見的列數(shù)值numberdisabled禁用文本區(qū)域值disabledform定義文本區(qū)域所屬的一個(gè)或多個(gè)表單值form_idmaxlength文本區(qū)域允許的最大字符數(shù)值numbername文本區(qū)。

lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitletestlttitleltscript src=quotjquery18jquery180minjsquotltscriptltscript language=quotjavascriptquotjQueryfunction $ $quotdivfirstquothtmlquotlttextareaaaaaaalttextareaquot$quotbuttonquotclickfunction$quottext。

HTML表單元素詳解HTML中的表單元素用于收集用戶輸入數(shù)據(jù)，以下是一些關(guān)鍵表單標(biāo)簽的介紹ltform 這個(gè)標(biāo)簽用于定義一個(gè)表單，是用戶提交數(shù)據(jù)的核心容器在表單中，用戶可以輸入各種類型的數(shù)據(jù)ltinput 這是創(chuàng)建輸入域的基本標(biāo)簽，用戶可以通過文本框密碼框復(fù)選框等多種形式進(jìn)行輸入lttextarea；2實(shí)例描述textarea是HTML中的文本元素，可實(shí)現(xiàn)文字的多行輸入，也可以控制行數(shù)和列數(shù)本例學(xué)習(xí)如何讓textarea根據(jù)用戶的輸人文本，自動(dòng)調(diào)整高度和寬度3實(shí)例代碼lthtml xmlns=quot ltheadlttitle標(biāo)題頁(yè)lttitleltheadltbodylttextarea rows=1 name=。

lttextarea是表單元素，它的值是它的文本內(nèi)容，而不是它的子元素，所以應(yīng)該用$quot#textareaquotval的方式來獲取和修改它的內(nèi)容，而不是用$quot#textareaquotappendquotXXXquot，這么解釋不知道你能不能理解用原生JS來解釋，就是documentgetElementByIdquottextareaquotvalue和documentgetElementById。