当前位置： 移动技术网 > IT编程>网页制作>Html5 > 兼容HTML5placeholder属性

兼容HTML5placeholder属性

2018年09月14日  | 移动技术网IT编程  | 我要评论

万宁神州半岛喜来登,一女n男肉文,亚宁男友杨健照片

[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:"请输入你的密码"}
                ])*/ 


作者：chaiyining007

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网