asp.net Textbox服务器控件的技巧分享(图文)

发布时间:2019-09-27编辑:脚本学堂
本文分享下,asp.net中TextBox服务器控件的一些操作技巧,比如控件的边缘不能被背景图片完全覆盖掉等的处理方法,有需要的朋友参考下吧。

1,在使用TextBox控件时,控件的边缘不能被背景图片完全覆盖掉,如图1:
TextBox控件

因为Textbox解析后也是html—Text控件,而Text控件是默认有边,即是border:1px solid #000;
所以只要为Textbox控件添加一句css代码:“border:0px”就可以了。
最后效果如图2:
Textbox控件

2,当将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)">

3,做某些输入框时,可能希望做到得到焦点时触发某个事件,失焦时触发某个事件:
以下二个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>

更多有关TextBox的操作技巧,欢迎各位大神积极分享哦。