兼容HTML5placeholder属性

[javascript] 
VAR placeholder=function(arrObj){  
    if(!('placeholder' in document.createElement('input'))) 
    {  
        var bind=function(name,val){  
            name.focus(function(){  
                var o=$(this);  
                if(o.val()===val) 
                {  
                    o.val("");       
                    o.css({ "color":"#000"} ) 
                }  
            } ).blur(function(){  
                var o=$(this);  
                if(!o.val()||o.val()===val) 
                {  
                    o.val(val);     
                    o.css({ "color":"#c0c0c0"} ) 
                }   
            } ).blur();  
        } ;  
        if(arrObj){  
            for(var i in arrObj) 
            {  
                var txt=$(arrObj[i]["name"]);  
                var textDefault=arrObj[i]["val"]  ||"请输入";                                   
                bind(txt,textDefault);  
            }     
        }  
        else 
        {  
            $("input[placeholder]").each(function(){  
                var o=$(this) 
                bind(o,o.attr("placeholder"));                     
            } ) 
        }  
    } else 
    {  
        for(var i in arrObj) 
        {  
            var txt=$(arrObj[i]["name"]);  
            var textDefault=arrObj[i]["val"]  ||"请输入";                                   
            txt.attr("placeholder",textDefault) 
        }     
    }  
}  

[javascript]
//使用方式1 
                placeholder();  
                //使用方式2 
                /*placeholder([
                    { name:"#name",val:"请输入用户名/邮箱"} ,
                    { name:"#pwd",val:"请输入你的密码"}
                ])*/ 

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！