IE678910不兼容H5的placeholder属性,需要JS解决

两种方法的思路

一、使用input的value作为显示文本

二、不使用value,添加一个额外的span标签,绝对定位覆盖到input上面。

两种方式各有优缺点,方法一占用了input的value属性,表单提交时需要一些额外的判断工作,方法二则使用了多余的标签。

placeholder=function(input){
    var text=input.getAttribute('placeholder_t'),
    defaultValue=input.defaultValue;
    if(defaultValue==''){
       input.value=text;
       input.style.color='#c0c0c0';
    }
    input.onfocus=function(){
       if(input.value===text)
       {
           this.value='';
           input.style.color='#000000';
       }
     };
    input.onblur=function(){
       if(input.value===''){
           this.value=text;
           input.style.color='#c0c0c0';  
       }
     }
}

placeholder(document.getElementById("slbh"));
placeholder(document.getElementById("cxmm"));
原文地址:https://www.cnblogs.com/YYvam1288/p/7145509.html