ASP.net Textbox的技巧使用

更新時(shí)間：2011年09月15日 17:04:26 作者：

大家在做Web開發(fā)的時(shí)候，可能也會遇到之前我所遇到的問題，在使用TextBox控件時(shí)，控件的邊緣不能被背景圖片完全覆蓋掉

①、大家在做Web開發(fā)的時(shí)候，可能也會遇到之前我所遇到的問題，在使用TextBox控件時(shí)，控件的邊緣不能被背景圖片完全覆蓋掉，如圖1：

因?yàn)門extbox解析后也是html—Text控件，而Text控件是默認(rèn)有邊，即是border:1px solid #000;

所以只要為Textbox控件加上如下的一小句CSS就可以了，即是“border:0px”，最后效果如圖2：

②、大家在做Web開發(fā)時(shí)，不知道大家有沒有發(fā)現(xiàn)，當(dāng)將Textbox控件的TextMode = "MultiLine"，其實(shí)MaxLength已經(jīng)失效了。

因?yàn)門extbox的屬性TextMode為"MultiLine"時(shí)，其實(shí)解析過后是html—textarea控件，這個(gè)html控件是沒有MaxLength屬性的。

如果這時(shí)還想限制其輸入長度：可以設(shè)置如下屬性：

<asp:TextBox ID = "reply_note" runat = "server" TextMode = "MultiLine" onkeyup="this.value = this.value.slice(0, 1000)">

③、大家在做某些輸入框時(shí)，可能希望做到得到焦點(diǎn)時(shí)觸發(fā)某個(gè)事件，失焦時(shí)觸發(fā)某個(gè)事件：

我寫了兩個(gè)JS剛好滿足了如下效果：

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
　　//得到焦點(diǎn)時(shí)觸發(fā)事件 
　　function onFocusFun(element, elementValue) { 
　　 if (element.value == elementValue) { 
　　 element.value = ""; 
　　 element.style.color = ""; 
　　 } 
　　} 

　　//離開輸入框時(shí)觸發(fā)事件 
　　function onblurFun(element, elementValue) { 
　　 if (element.value == '') { 
　　 element.style.color = "#808080"; 
　　 element.value = elementValue; 
　　 } 
　　} 
　　</script> 

然后，如下在Textbox控件中引用它們就可以了：

復(fù)制代碼代碼如下:

 
<asp:TextBox ID = "reply_note" runat = "server" Text="帖子回復(fù),輸入字?jǐn)?shù)限制為1000字" ForeColor = "#808080" OnFocus="onFocusFun(this,'帖子回復(fù),輸入字?jǐn)?shù)限制為1000字')" 
OnBlur="onblurFun(this,'帖子回復(fù),輸入字?jǐn)?shù)限制為1000字')"></asp:TextBox> 

這就是我最近開發(fā)的一點(diǎn)小技巧，可能網(wǎng)上已經(jīng)寫過類似的了，但這些方法，我個(gè)人覺得還是比較簡單易懂，希望可以幫到大家。

如果大家有其他類似的小技巧，可以留言一起交流一下。

您可能感興趣的文章: