placeholder兼容IE8解决方案

2024-09-01 18:02:08 218人阅读

1、原因：placeholder是h5的新属性，IE10以前的浏览器(8、9)不支持此属性。

2、解决方法：jQuery三方插件 jquery-placeholder

3、快速开始：

[html] view plain copy

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src=http://www.mamicode.com/"jquery-1.9.1.js"></script>
<!--[if lte IE 9]>
<script src=http://www.mamicode.com/"../../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属性

placeholder兼容IE8解决方案

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们