码迷,mamicode.com
首页 > 其他好文 > 详细

为TextBox装饰水印

时间:2016-03-15 08:37:18      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

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

<script type="text/javascript">
        var watermarkText = "输入名称";

        function WaterMarkOnBlur(textbox) {
            if (textbox.value.length == 0) {
                textbox.style.color = "gray";
                textbox.value = watermarkText;
            }            
        }

        function WaterMartOnfocus(textbox)
        {
            if (textbox.value == watermarkText) {
                textbox.style.color = "black";
                textbox.value = "";
            }
        }
    </script>

  

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

  

演示:

技术分享 

 

为TextBox装饰水印

标签:

原文地址:http://www.cnblogs.com/shouce/p/5277944.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!