使IE支持placeholder
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使IE支持placeholder相关的知识，希望对你有一定的参考价值。
html5的表单添加了许多给力的属性，其中输入框的placeholder便是很赞的属性！现代浏览器大多都支持这个属性，但IE8。。。。好吧，前端的童鞋们总会想出各种姿势对付IE的~_~
//使IE支持placeholder
if( !(‘placeholder‘ in document.createElement(‘input‘)) ){
$(‘input[placeholder]‘).each(function(){
var that = $(this),
text= that.attr(‘placeholder‘);
if(that.val() === ""){
that.val(text);
}
that.focus(function(){
if(that.val() === text){
that.val("");
}
}).blur(function(){
if(that.val() === ""){
that.val(text);
}
}).closest(‘form‘).submit(function(){
if(that.val() === text){
that.val(‘‘);
}
});
});
}
加上这一段代码，试试看，你的IE8是不是被你征服了~
以上是关于使IE支持placeholder的主要内容，如果未能解决你的问题，请参考以下文章
ie下不支持placeholder 用jquery来完成兼容
placeholder插件兼容ie6.7.8，（支持密码框）
在IE8及以下的浏览器中，不支持placeholder属性的解决办法