当前位置:主页 > jquery插件 > 表单按钮 >

表单placeholder属性兼容IE插件placeholder.js(不影响表单校验)

栏目分类:表单按钮   模板编号:JQ00073    发布日期:2017-08-18   来源:网络   浏览次数:次     在线预览
在不影响表单校验的情况下,将表单控件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();


在线演示 立即下载
打赏本站
云盘密码:zwtc
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载