ASP.net Textbox的技巧使用

所属分类: 网络编程 / ASP.NET 阅读数: 835
收藏 0 赞 0 分享

①、大家在做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>

这就是我最近开发的一点小技巧,可能网上已经写过类似的了,但这些方法,我个人觉得还是比较简单易懂,希望可以帮到大家。

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

更多精彩内容其他人还在看

开源跨平台运行服务插件TaskCore.MainForm

这篇文章主要为大家详细介绍了开源跨平台运行服务插件TaskCore.MainForm的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

CKEditor自定义按钮插入服务端图片

这篇文章主要为大家详细介绍了CKEditor自定义按钮插入服务端图片的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Asp.net Web Api实现图片点击式图片验证码功能

现在验证码的形式越来越丰富,今天要实现的是在点击图片中的文字来进行校验的验证码。下面通过本文给大家分享Asp.net Web Api实现图片点击式图片验证码功能,需要的的朋友参考下吧
收藏 0 赞 0 分享

WPF实现ScrollViewer滚动到指定控件处

这篇文章主要为大家详细介绍了WPF实现ScrollViewer滚动到指定控件处,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

WPF实现带全选复选框的列表控件

这篇文章主要为大家详细介绍了WPF实现带全选复选框的列表控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Asp.net MVC 中利用jquery datatables 实现数据分页显示功能

这篇文章主要介绍了Asp.net MVC 中利用jquery datatables 实现数据分页显示功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

asp.net 利用NPOI导出Excel通用类的方法

本篇文章主要介绍了asp.net 利用NPOI导出Excel通用类的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

VS2015自带LocalDB数据库用法详解

这篇文章主要为大家详细介绍了VS2015自带LocalDB数据库的用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

SignalR Self Host+MVC等多端消息推送服务(一)

这篇文章主要为大家详细介绍了SignalR Self Host+MVC等多端消息推送服务,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

SignalR Self Host+MVC等多端消息推送服务(二)

这篇文章主要为大家详细介绍了SignalR Self Host+MVC等多端消息推送服务的第二篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多