IE浏览器中input的placeholder不显示

最新推荐文章于 2022-06-14 23:15:00 发布

Jack King

最新推荐文章于 2022-06-14 23:15:00 发布

阅读量1.6k

点赞数

分类专栏：工作记录

本文链接：https://blog.csdn.net/weixin_43693592/article/details/87971738

版权

工作记录专栏收录该内容

27 篇文章 0 订阅

订阅专栏

IE10以下是不支持placeholder属性的，所以ＩＥ９浏览器中的placeholder都不见了。
　　解决方法如下：

<script type="text/javascript">
        if( !('placeholder' in document.createElement('input')) ){

            $('input[placeholder],textarea[placeholder]').each(function(){
                var that = $(this),
                    text= that.attr('placeholder');
                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('');
                    }
                });
            });
        }
	</script>