首页 > Web开发 > 详细

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

时间:2014-03-29 14:09:46      阅读:553      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
//普通输入框
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");
                
            });
bubuko.com,布布扣


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

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

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

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

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

原文:http://www.cnblogs.com/kirno/p/3630334.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!