JQuery_CGLplaceholderjs一个兼容IE7及以上的input placeholder插件
浏览: 5,802次 日期: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.最后谢谢支持。
相关文章
-
2018-07-23
◆ 活动倒计时插件jQuery_CGLCountdownjs
IE7真心难搞啊
正好用上了,博主再优化一下吧
又是一个没有ui的代码,讲究用吧