兼容IE8 input的placeholder的文字显示

Posted 以茜为贵wx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了兼容IE8 input的placeholder的文字显示相关的知识,希望对你有一定的参考价值。

if( !(‘placeholder‘ in document.createElement(‘input‘)) ){          
    $(‘input[placeholder],textarea[placeholder]‘).each(function(){              
        var that = $(this),               
        text= that.attr(‘placeholder‘);               
        // console.log(text);            
        if(that.val()===""){                   
            that.val(text).addClass(‘placeholder‘);               
        }               
        that.focus(function(){                   
            if(that.val()===text){                     
                that.val("").removeClass(‘placeholder‘);                   
            }               
        }).blur(function(){                
            if(that.val()===""){                    
                that.val(text).addClass(‘placeholder‘);                   
            }               
        }).closest(‘form‘).submit(function(){                   
            if(that.val() === text){                     
            that.val(‘‘);                   
            }               
        });               
    });       
}

 

以上是关于兼容IE8 input的placeholder的文字显示的主要内容,如果未能解决你的问题,请参考以下文章

ie8兼容问题

IE8兼容placeholder

jquery.placeholder.js解决IE8兼容h5中input属性placeholder属性

关于input标签和placeholder在IE8,9下的兼容问题

ie8不兼容input的placeholder属性但是要实现其效果的方法

使用jQuery制作input提示内容,兼容IE8以上