表单控件placeholder属性兼容IE低版本(不影响表单校验)


3207 | 267  | 535 | 添加收藏 上一个 下一个
资源描述 : 在不影响表单校验的情况下,将表单控件placeholder属性兼容到IE7。
表单控件placeholder属性兼容IE低版本(不影响表单校验)
资源详情

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


//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();


指尖代码 资源每日更新 www.zjdaima.com