zoukankan      html  css  js  c++  java
  • 为TextBox装饰水印

    某一时候,为文本框(TextBox)装饰个水印。它有两种状态,一是blur和focus。因此,我们可以在Javascript写两个事件:

    View Code
     1 <script type="text/javascript">
     2         var watermarkText = "输入名称";
     3 
     4         function WaterMarkOnBlur(textbox) {
     5             if (textbox.value.length == 0) {
     6                 textbox.style.color = "gray";
     7                 textbox.value = watermarkText;
     8             }            
     9         }
    10 
    11         function WaterMartOnfocus(textbox)
    12         {
    13             if (textbox.value == watermarkText) {
    14                 textbox.style.color = "black";
    15                 textbox.value = "";
    16             }
    17         }
    18     </script>


    在TextBox应用这两个Javascript事件:

    View Code
    1 <asp:TextBox ID="TextBox1" runat="server" Text="输入名称"
    2                 ForeColor="Gray" onblur="WaterMarkOnBlur(this);"
    3                 onfocus="WaterMartOnfocus(this);">
    4             </asp:TextBox>


    演示:

     

  • 相关阅读:
    springcloud有哪些特征
    可变参数
    递归
    增强的for循环
    Scanner对象
    注释
    Markdown常见的样式语法
    副本机制
    消费者分区分配策略
    SpringMVC 登陆判断
  • 原文地址:https://www.cnblogs.com/insus/p/2859629.html
Copyright © 2011-2022 走看看