**
* input是否支持placeholder
* @type {HTMLInputElement}
*/
var input = document.createElement('input');
if("placeholder" in input){
//alert('支持');
}else{
//alert('不支持');
/**
* 不支持
* 放到val里面
*/
jQuery('[placeholder]').focus(function() {
var input = jQuery(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = jQuery(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur().parents('form').submit(function() {
jQuery(this).find('[placeholder]').each(function() {
var input = jQuery(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
})
});
}
效果图如下