让ie678,支持html5的placeholder属性

只需要在onload函数中运行下面函数就行

function supportPlaceHolder(){
    placeHolder=function(input){
        var placeText=input.getAttribute("placeholder");
        if(input.defaultValue==""){
        input.value=placeText;
    }
    input.onfocus=function(){
        var value=input.value;
        if((input.defaultValue==""&&value==input.defaultValue)||value==placeText){//value==input.defaultValue意思是如果input的值没有发生变化
        input.value="";
        }
    }
    input.onblur=function(){
        var value=input.value;
        if(input.value ===''){
            input.value=placeText;
        }
    }
}
var inputs=document.getElementsByTagName("input");
var support=false

if("placeholder" in document.createElement("input")){//通过这种方法来判断一个元素
    support=true;
}
if(!support){
    for(var i=0,len=inputs.length;i<len;i++){
        var elem=inputs[i];
        var placeText=elem.getAttribute("placeholder");
        if(elem.type=="text" && placeText){
        placeHolder(elem);
    }
}
}
}
只需要在网页中嵌入上面代码即可

你可能感兴趣的:(placeholder)