使ie8正常支持placeholder

转载于 2018-05-10 10:12:00 发布 · 98 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liyouwu/p/9018219.html

文章标签：

本文介绍了一种让Internet Explorer 8支持HTML5 placeholder属性的方法。通过引入jQuery 1.12.0和额外的jQuery插件，可以实现在不支持该属性的老版本浏览器中显示输入框提示文字。

在IE8下测试，发现一个问题placeholder不被支持，下面是解决IE支持placeholder的方法，本文引用的jquery是1.12.0测试通过，先引用jquery

<script type="text/javascript" src="js/bootstrap/jquery-1.12.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

再引入关键的jquery.placeholder.js库

<script type="text/javascript" src="js/bootstrap/jquery.placeholder.js"></script>

然后在相应页面底部添加js

<script type="text/javascript">
 $(function () {
 $('input, textarea').placeholder();
 });
</script>

效果完美实现

转载于:https://www.cnblogs.com/liyouwu/p/9018219.html