主頁 > 知識庫 > ASP.net Textbox的技巧使用

ASP.net Textbox的技巧使用

熱門標簽:上海400客服電話怎么申請 400電話個人能不能辦理 天津電銷外呼系統(tǒng)違法嗎 銀行信貸電話機器人 滄州電銷外呼系統(tǒng)價格 手機外呼系統(tǒng)什么原理 合肥ai電銷機器人費用 溫州外呼系統(tǒng)招商 凱立德地鐵站地圖標注

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

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

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

 

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

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

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

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

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

我寫了兩個JS剛好滿足了如下效果:

復制代碼 代碼如下:

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

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

然后,如下在Textbox控件中引用它們就可以了:
復制代碼 代碼如下:

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

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

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

您可能感興趣的文章:
  • asp.net ASPxTextBox等控件實現(xiàn)"回車模擬Tab"的 常用代碼整理
  • asp.net中綁定TextBox回車事件的解決方法
  • ASP.NET jQuery 實例1(在TextBox里面創(chuàng)建一個默認提示)
  • ASP.NET jQuery 實例2 (表單中使用回車在TextBox之間向下移動)
  • ASP.NET jQuery 實例3 (在TextBox里面阻止復制、剪切和粘貼事件)
  • ASP.NET jQuery 實例4(復制TextBox的文本到本地剪貼板上)
  • Asp.net TextBox的TextChanged事件使用介紹
  • Asp.net之TextBox只允許輸入數(shù)字的方法總結(jié)
  • asp.net中TextBox只能輸入數(shù)字的最簡潔的兩種方法
  • ASP.NET中為TextBox中添加calendar.js示例代碼
  • ASP.NET中 TextBox 文本輸入框控件的使用方法

標簽:七臺河 金華 洛陽 怒江 赤峰 酒泉 溫州 白城

巨人網(wǎng)絡通訊聲明:本文標題《ASP.net Textbox的技巧使用》,本文關鍵詞  ASP.net,Textbox,的,技巧,使用,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權(quán)與本站無關。
  • 相關文章
  • 下面列出與本文章《ASP.net Textbox的技巧使用》相關的同類信息!
  • 本頁收集關于ASP.net Textbox的技巧使用的相關信息資訊供網(wǎng)民參考!
  • 推薦文章