JQuery_CGLplaceholderjs一个兼容IE7及以上的input placeholder插件

介绍：

JQuery_CGLplaceholderjs是一个把H5新特性placeholder兼容到IE低版本浏览器的插件，目前兼容为IE789及主流浏览器。

当前版本：1.0.0

未压缩前大小：4kb

压缩之后：2KB

使用方法：

1、引用

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

2、HTML部分

<div class="inputs"><input type="text" placeholder="请输入用户名"/></div>
<div class="inputs"><input type="password" placeholder="请输入密码"/></div>
<div class="inputs"><textarea placeholder="请输入您的请求"></textarea></div>

3、JS部分

$('body').placeholderFn({
    placeholderClass: $('.inputs'),//input父级class
    placeholderText: 'em',//文字容器
    placeholderTextClass: 'ememem'//文字容器class
});

注意事项：

IE低版本的时候会对input的父级加【z-index: 3; position: relative;】的css。

把文字放在一个em标签里面加【z-index: 0; position: absolute; top: 0px; left: 0px;】的css。

给input加【z-index: 4; position: relative; background: url(base64位图片);】

所以如果你想要自己加工的话注意一下上方的css。图片是放在js文件里面了，所以不要理他就可以。

下载地址：

链接：https://pan.baidu.com/s/1zFseoZz-sovOKGoApaWgqw

密码：vj1n