让IE8和IE9支持 placeholder
Posted samve
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了让IE8和IE9支持 placeholder相关的知识，希望对你有一定的参考价值。
1、原因：placeholder是h5的新属性，IE10以前的浏览器(8、9)不支持此属性。
2、解决方法：jQuery三方插件 jquery-placeholder
3、快速开始：
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<!--[if lte IE 9]>
<script src="../../js/jquery/jquery.placeholder.min.js"></script>
<script>
$(function(){
$(‘input[placeholder]‘).placeholder();
});
</script>
<![endif]-->
</head>
<style type="text/css">
input{
width: 100px;
height: 50px;
border: 1px solid red;
}
.placeholder {
color: #ccc;
}
</style>
<body>
<input type="text" placeholder="dfdsfdsfad"/>
</body>
</html>
4、注：此插件和jquery validate混合使用时，密码框password会略过校验，因为新生成的input并没有name属性。解决方法：点击提交按钮时，用js代码给新生成的input添加name属性。
以上是关于让IE8和IE9支持 placeholder的主要内容，如果未能解决你的问题，请参考以下文章
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法