脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → ASP.NET → 实用技巧 → ASP.net Textbox

ASP.net Textbox的技巧使用

 更新时间：2011年09月15日 17:04:26   作者：  
大家在做Web开发的时候，可能也会遇到之前我所遇到的问题，在使用TextBox控件时，控件的边缘不能被背景图片完全覆盖掉

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

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

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

您可能感兴趣的文章:

相关文章

  • C#获取当前页面的URL示例代码

    C#获取当前页面的URL示例代码

    获取当前页面的URL在某些情况下还是比较使用的，下面为大家介绍下如何通过C#以及Javascript获取当前页面的URL，感兴趣的朋友不要错过
    2013-11-11
  • 运行asp.net时出现　http错误404－文件或目录未找到

    运行asp.net时出现　http错误404－文件或目录未找到

    问题描述： http错误404－文件或目录未找到的解决方法
    2009-03-03
  • 自写一个模仿Dictionary与Foreach的实现及心得总结

    自写一个模仿Dictionary与Foreach的实现及心得总结

    利用闲暇时间自己写一个类模仿Dictionary实现，如果一个类进行foreach的话，该类必须实现IEnumerable，集合要支持foreach方式的遍历，必须实现IEnumerable接口，感兴趣的你可不要错过了哈
    2013-02-02
  • .NET中JSON的序列化和反序列化的几种方式

    .NET中JSON的序列化和反序列化的几种方式

    JSON是一种轻量级的数据交换格式。这篇文章主要介绍了.NET中JSON的序列化和反序列化的几种方式,非常具有实用价值，需要的朋友可以参考下
    2018-06-06
  • .net core EF Core调用存储过程的方式

    .net core EF Core调用存储过程的方式

    这篇文章主要给大家介绍了关于.net core EF Core调用存储过程的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用.net core EF Core具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-05-05
  • VS2015下简单使用EF框架的方法

    VS2015下简单使用EF框架的方法

    这篇文章主要为大家详细介绍了VS2015下简单使用EF框架的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Asp.NET Core 如何调用WebService的方法

    Asp.NET Core 如何调用WebService的方法

    这篇文章主要介绍了Asp.NET Core 如何调用WebService的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • .NET Core使用APB vNext框架入门教程

    .NET Core使用APB vNext框架入门教程

    这篇文章介绍了.NET Core使用APB vNext框架的入门教程，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-02-02
  • ASP.NET中的跳转 200, 301, 302转向实现代码

    ASP.NET中的跳转 200, 301, 302转向实现代码

    跳转非常常用，在哪里都一样，这里的一些说明和用法也如此，不止适用于asp.net，其他语言也会用得到。跳转的目的本来很简单，就是当用户或系统需要时从一个页面转向另一个页面，但自从有了各种各样的需求，还有那个什么SEO的东西之后，跳转被搞得极其复杂
    2008-09-09
  • 对Entity Framework Core进行单元测试

    对Entity Framework Core进行单元测试

    这篇文章介绍了对Entity Framework Core进行单元测试的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-03-03

最新评论