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

最新推荐文章于 2021-02-25 07:24:59 发布

dilungui5322

最新推荐文章于 2021-02-25 07:24:59 发布

阅读量163

点赞数

原文链接：http://www.cnblogs.com/YYvam1288/p/7145509.html

版权

两种方法的思路

一、使用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"));