======================================================
注：本文源代碼點此下載下傳======================================================
雖然一直沒怎麼用過html控件textarea,但是根據自己一貫的作風,樓豬大膽認為textarea和伺服器控件textbox的textmode為multiline的文本框在最終生成的html标簽上應該是一樣的。也許是先入為主吧,在上周的一個設計頁面中,樓豬毫不思索地寫下了下面的html代碼:
textarea id="txttest1" value="123" cols="20" rows="2">textarea>
然後,vs有一個提示:消息 1 驗證 (xhtml 1.0 transitional): 屬性“value”不是元素“textarea”的有效屬性。
暈,textare難道竟然沒有value屬性?然後樓豬又嘗試将textarea放在服務端:
textarea id="txttest1" cols="20" rows="2" enableviewstate="false" runat="server">textarea>
然後,在cs檔案下,可以寫如下代碼:
this.txttest1.value = "123";
這說明服務端的value屬性是存在的,樓豬又查了一下value屬性中繼資料說明:擷取或設定在 system.web.ui.htmlcontrols.htmltextarea 控件中輸入的文本。再檢視一下生成的html源碼:
textarea name="txttest1" id="txttest1" cols="20" rows="2">123textarea>
現在一目了然。原來textarea的“value”值在textarea開始和結束标簽内,而不是像type為text的input,看起來是将value放在value屬性上。然後樓豬又用伺服器控件textbox和runat為server的textarea又進行了一下對比:
代碼
asp:textbox id="txttest" textmode="multiline" enableviewstate="false" runat="server">asp:textbox>
textarea id="txttest1" cols="20" rows="2" enableviewstate="false" runat="server">textarea>
cs下寫下如下代碼:
this.txttest.text = "123";
this.txttest1.value = "123";
它們生成的html也是一樣的:
textarea name="txttest" rows="2" cols="20" id="txttest">123textarea>
textarea name="txttest1" id="txttest1" cols="20" rows="2">123textarea>
而對于textbox而言,它又是可以直接在标簽上寫text屬性的,而runat="server"的textarea卻不可以直接在标簽内寫value屬性:
asp:textbox id="txttest" textmode="multiline" text="123" enableviewstate="false" runat="server">asp:textbox>
然後,樓豬又通過javascript來擷取它們的value:
var txtvalue=document.getelementbyid("txttest").value;
alert(txtvalue);
var txtvalue1=document.getelementbyid("txttest1").value;
alert(txtvalue1);
kao,這一次它們又都彈出了值123!這就說明textarea是有value屬性的(換成innertext屬性也一樣)。真的徹底服了。最後樓豬為了保險起見,将textarea換成了自己一直使用習慣的沒有視圖狀态的textbox,因為現在不熟悉也吃不透這個textarea還有哪些古怪的設計。期待指點。
======================================================
在最後，我邀請大家參加新浪APP，就是新浪免費送大家的一個空間，支援PHP+MySql，免費二級域名，免費域名綁定 這個是我邀請的位址，您通過這個連結注冊即為我的好友，并獲贈雲豆500個，價值5元哦！短網址是http://t.cn/SXOiLh我建立的小站每天訪客已經達到2000+了，每天挂廣告賺50+元哦，呵呵，飯錢不愁了，\(^o^)/