【随手笔记——JQuery】输入框的的提示,点击后消失

【随手笔记——JQuery】输入框的的提示,点击后消失
//普通输入框
function inputTip(e,temp,icon){
        e.click(function(){
            var text = e.attr("value");
            if(text.trim() == temp){
                e.attr("value","");
            }
            e.removeClass("inputColor");
            icon.addClass("iconStyle_after");
        });
        e.blur(function(){
            var text = e.val();
            if(text.trim() == ""){
                e.attr("value",temp);
                e.addClass("inputColor");
            }
            icon.removeClass("iconStyle_after");
        });
    }
//密码输入框
    function inputPasswordTip(e,temp,icon){
            e.click(function(){
                var text = e.attr("value");
                if(text.trim() == temp){
                    e.attr("value","");
                    e.attr("type","password");
                }
                e.removeClass("inputColor");
                icon.addClass("iconStyle_after");
            });            
            e.blur(function(){
                var text = e.val();
                if(text.trim() == ""){
                    e.attr("type","text");
                    e.attr("value",temp);
                    e.addClass("inputColor");
                }else{
                    e.attr("type","password");

                }
                icon.removeClass("iconStyle_after");
                
            });
【随手笔记——JQuery】输入框的的提示,点击后消失


大概原理是,当鼠标点击的时候获取输入框的文本,如果是提示值,则清空。

当输入框失去焦点的时候,获取文本,如果为空,则填上提示。

但是有点问题,就是如果输入过,然后删除掉,就会失去作用,不知道为什么,求高手指点

【随手笔记——JQuery】输入框的的提示,点击后消失,布布扣,bubuko.com

【随手笔记——JQuery】输入框的的提示,点击后消失

上一篇:学习使用 jQuery & CSS3 制作照片堆栈效果


下一篇:HTML页面跳转(重定向)的五种方法