尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » jQuery插件 »

placeholder.js表单属性兼容IE7+(兼容处理非value展示)

2020-06-08   Umming   jQuery插件    评论(0)    浏览(1649)


2017-08-17-10-34-07.png

在不影响表单校验的情况下,将表单控件placeholder属性兼容到IE7。

插件内有一些参数可供自定义,但默认的其实是最好的:

//default options
var opts = {
    //是否使用内置样式
    useDefaultStyle : true,
    //placeholder文字css类名
    placeClassName : 'placeholder',
    //input父类名
    parentClassName : 'placeholder-parent',
    //input父类CSS
    parentStyle : 'position:relative;display:inline-block;overflow:hidden;',
    //placehodler元素CSS
    placeStyle : 'position:absolute;z-index:2;top:50%;left:0;width:100%;margin-top:-10px;padding:0;box-sizing:border-box;text-align:left;color:#999;line-height:20px;font-size:13px;white-space:nowrap;'
};

使用方法很简单:

//引入placeholder.js
<script charset="utf-8" src="placeholder.js"></script>
//调用
$('[placeholder]').placeholder();


预览地址:https://www.umming.com/demo/placeholder

标签: 浏览器兼容性 jquery代码 jQuery插件

本文链接:https://www.umming.com/jquery/248.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


//