程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.net Textbox的技巧使用

ASP.net Textbox的技巧使用

編輯:ASP.NET基礎

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

因為Textbox解析後也是html—Text控件,而Text控件是默認有邊,即是border:1px solid #000;

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

 

②、大家在做Web開發時,不知道大家有沒有發現,當將Textbox控件的TextMode = "MultiLine",其實MaxLength已經失效了。

因為Textbox的屬性TextMode為"MultiLine"時,其實解析過後是html—textarea控件,這個html控件是沒有MaxLength屬性的。

如果這時還想限制其輸入長度:可以設置如下屬性:

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

③、大家在做某些輸入框時,可能希望做到得到焦點時觸發某個事件,失焦時觸發某個事件:

我寫了兩個JS剛好滿足了如下效果:
復制代碼 代碼如下:
<script type="text/javascript">
  //得到焦點時觸發事件
  function onFocusFun(element, elementValue) {
   if (element.value == elementValue) {
   element.value = "";
   element.style.color = "";
   }
  }

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

然後,如下在Textbox控件中引用它們就可以了:
復制代碼 代碼如下:
<asp:TextBox ID = "reply_note" runat = "server" Text="帖子回復,輸入字數限制為1000字" ForeColor = "#808080" OnFocus="onFocusFun(this,'帖子回復,輸入字數限制為1000字')"
OnBlur="onblurFun(this,'帖子回復,輸入字數限制為1000字')"></asp:TextBox>

這就是我最近開發的一點小技巧,可能網上已經寫過類似的了,但這些方法,我個人覺得還是比較簡單易懂,希望可以幫到大家。

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved