放到一個JS文件里面悬秉，直接引入即可
//解決ie下 input 的placeholder不顯示問題
var JPlaceHolder = {
//檢測
_check: function() {
return 'placeholder' in document.createElement('input');
},
//初始化
init: function() {
if(!this._check()) {
this.fix();
}
},
//修復
fix: function() {
jQuery(':input[placeholder]').each(function(index, element) {
var self = $(this),
txt = self.attr('placeholder');
self.wrap($('<div></div>').css({
display:'inline-block',
position: 'relative',
zoom: '1',
border: 'none',
background: 'none',
padding: 'none',
margin: 'none'
}));
var pos = self.position(),
h = self.outerHeight(true),
paddingleft = self.css('padding-left');
var holder = $('<span></span>').text(txt).css({
position: 'absolute',
left: pos.left,
top: pos.top,
height: h,
lineHeight: h +"px",
paddingLeft: paddingleft,
color: '#aaa'
}).appendTo(self.parent());
self.focusin(function(e) {
holder.hide();
}).focusout(function(e) {
if(!self.val()) {
holder.show();
}
});
holder.click(function(e) {
holder.hide();
self.focus();
});
console.log(h)
});
}
};
//執(zhí)行
jQuery(function() {
JPlaceHolder.init();
});
