IE浏览器中input的placeholder不显示
程序员文章站
2022-05-26 09:28:13
...
IE10以下是不支持placeholder属性的,所以IE9浏览器中的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>
上一篇: JS编程实现简单模板引擎变量替换
推荐阅读
-
快速解决Vue项目在IE浏览器中显示空白的问题
-
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
-
不显示IE9浏览器中的加速器按钮图标设置方法
-
快速解决Vue项目在IE浏览器中显示空白的问题
-
不显示IE9浏览器中的加速器按钮图标设置方法
-
在IE浏览器状态栏中显示“网页上有错误错误”的几个原因和解决办法
-
使用IE浏览器时右下角状态栏中显示"对象不支持此属性或方法"的解决办法
-
修正 input 标签 在 IE、chrome、Firefox浏览器下显示不一致的问题
-
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
-
修改表单元素中placeholder属性样式、清除IE浏览器中input元素的清除图标和眼睛图标