/jQueryPlaceholder1.2/zjdaima-bg-765356234.png)
插件内有一些参数可供自定义,但默认的其实是最好的:
//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();