placeholder是html5出的新特性,ie9如下是不兼容的,html
那么为了兼容ie9 咱们须要对他作处理html5
//jq的处理方式
$(function(){ 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(''); } }) }); console.log($('input')) })
这是jq的处理方式是把 input的 val 值设置和placeholder的值同样,而后经过获取焦点,失去焦点来判断val的值,最重要的是表单提交的时候,必须把val值判断一遍,若是val值还和placeholder的值同样,证实没修改过,提交前必须把val值置空。this