placeholder.js表单属性兼容IE7+(兼容处理非value展示)
2020-06-08 Umming jQuery插件 评论(0) 浏览(2539)
在不影响表单校验的情况下,将表单控件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();
上一篇: jQuery.Typeahead.js表单自动补全插件
下一篇: Intro.js网站用户指引插件
本文链接:https://www.umming.com/jquery/248.html
声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
也许你还会对下面的内容感兴趣:
