• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.net 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>

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

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

    您可能感兴趣的文章:
    • asp.net ASPxTextBox等控件实现"回车模拟Tab"的 常用代码整理
    • asp.net中绑定TextBox回车事件的解决方法
    • ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
    • ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
    • ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
    • ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
    • Asp.net TextBox的TextChanged事件使用介绍
    • Asp.net之TextBox只允许输入数字的方法总结
    • asp.net中TextBox只能输入数字的最简洁的两种方法
    • ASP.NET中为TextBox中添加calendar.js示例代码
    • ASP.NET中 TextBox 文本输入框控件的使用方法
    上一篇:ASP.NET中各个后缀名的含义介绍
    下一篇:asp.net文件上传功能(单文件,多文件,自定义生成缩略图,水印)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ASP.net Textbox的技巧使用 ASP.net,Textbox,的,技巧,使用,