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

浏览: 213次 日期:2018年07月19日 19:04:42 作者:青格勒

介绍:

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

文章链接:http://cenggel.com/kyxm/135.html

版权声明:文章《JQuery_CGLplaceholderjs一个兼容IE7及以上的input placeholder插件》由青格勒编写,转载请带上文章链接。

本章内容纯属乱讲,如有雷同,纯属巧合。如有借鉴之处已表明出处。

点击任意位置关闭窗口,感谢您的支持。


打赏规则 - 为了避免对于打赏模式产生误解,说明一下几点内容:

  • 1.打赏纯粹自愿,金额不限,别太多,1块就行;
  • 2.打赏不能作为解答疑问的理由;
  • 3.打赏不能帮你做毕业设计或论文;
  • 4.打赏不能帮你做工作中的项目;
  • 5.打赏就是这不能那不能,只是单纯打赏而已。
  • 5.最后谢谢支持。
关闭
相关文章

2条回应:“JQuery_CGLplaceholderjs一个兼容IE7及以上的input placeholder插件”

  1. 小白路过说道:

    正好用上了,博主再优化一下吧

  2. 哈哈哈说道:

    又是一个没有ui的代码,讲究用吧

发表评论

电子邮件地址不会被公开。 必填项已用*标注