为控件添加水印

最新推荐文章于 2024-09-02 17:27:54 发布

datongwu2067

最新推荐文章于 2024-09-02 17:27:54 发布

阅读量101

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/storys/archive/2012/10/12/2720786.html

版权

jQuery扩展：

jquery.tinywatermark-3.1.0.js文件代码：

(function($) {
    $.fn.watermark = function(c, t) {
        var e = function(e) {
            var i = $(this);
            if (!i.val()) {
                var w = t || i.attr('title'), $c = $($("<div />").append(i.clone()).html().replace(/type=\"?password\"?/, 'type="text"')).val(w).addClass(c);
                i.replaceWith($c);
                $c.focus(function() {
                    $c.replaceWith(i); setTimeout(function() {i.focus();}, 1);
                })
                .change(function(e) {
                    i.val($c.val()); $c.val(w); i.val() && $c.replaceWith(i);
                })
                .closest('form').submit(function() {
                    $c.replaceWith(i);
                });
            }
        };
        return $(this).live('blur change', e).change();
    };
})(jQuery);

或者访问网址：http://plugins.jquery.com/files/jquery.tinywatermark-3.1.0.js_.txt

用法：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>WaterMark</title>
    <script src="../JS/jquery-1.5.2.min.js" type="text/javascript"></script>
    <script src="../JS/jquery.tinywatermark-3.1.0.js"type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
    $(function()
    {      
       $("input[title='Month']").watermark('watermark','Title');
       $("textarea[title='Content']").watermark('watermark','Please input the content !');;
    });
    </script>
    <style type="text/css">
    　　.watermark {color:#999;}
    </style>
     
</head>
<body>
    <form id="form1" runat="server">
    <div>
     
    <div><input title="Month"/></div>
    <div><textarea id="TextArea1" cols="20" rows="2" title="Content"></textarea></div>
    </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/storys/archive/2012/10/12/2720786.html

datongwu2067

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
为控件添加水印

jQuery扩展：jquery.tinywatermark-3.1.0.js文件代码：(function($) { $.fn.watermark = function(c, t) { var e = function(e) { var i = $(this); if (!i.val()) { ...
复制链接

扫一扫