<html><head><meta charset="UTF-8"/><title>验证Valid ----placeholder</title><style>span.emptyhint {color:#999;position:absolute;padding:3px;}</style></head><body><div id=doc3><div id="bd" ><div><ul><li><label>订单主人：</label><input type="text" placeholder="请填写订单主人" value="JK"></li><li><label>订单号：</label><input type="text" placeholder="请填写订单号"></li><li><label>备注：</label><textarea type="text" placeholder="请填写备注"></textarea></li></ul></div></div></div></body><script>function initPlaceHolders(){if('placeholder' in document.createElement('input')){ //如果浏览器原生支持placeholderreturn ;}function target (e){var e=e||window.event;return e.target||e.srcElement;};function _getEmptyHintEl(el){var hintEl=el.hintEl;return hintEl && g(hintEl);};function blurFn(e){var el=target(e);if(!el || el.tagName !='INPUT' && el.tagName !='TEXTAREA') return;//IE下，onfocusin会在div等元素触发var emptyHintEl=el.__emptyHintEl;if(emptyHintEl){//clearTimeout(el.__placeholderTimer||0);//el.__placeholderTimer=setTimeout(function(){//在360浏览器下，autocomplete会先blur再changeif(el.value) emptyHintEl.style.display='none';else emptyHintEl.style.display='';//},600);}};function focusFn(e){var el=target(e);if(!el || el.tagName !='INPUT' && el.tagName !='TEXTAREA') return;//IE下，onfocusin会在div等元素触发var emptyHintEl=el.__emptyHintEl;if(emptyHintEl){//clearTimeout(el.__placeholderTimer||0);emptyHintEl.style.display='none';}};if(document.addEventListener){//iedocument.addEventListener('focus',focusFn, true);document.addEventListener('blur', blurFn, true);}else{document.attachEvent('onfocusin',focusFn);document.attachEvent('onfocusout',blurFn);}var elss=[document.getElementsByTagName('input'),document.getElementsByTagName('textarea')];for(var n=0;n<2;n++){var els=elss[n];for(var i =0;i<els.length;i++){var el=els[i];var placeholder=el.getAttribute('placeholder'),emptyHintEl=el.__emptyHintEl;if(placeholder && !emptyHintEl){emptyHintEl=document.createElement('span');emptyHintEl.innerHTML=placeholder;emptyHintEl.className='emptyhint';emptyHintEl.onclick=function (el){return function(){try{el.focus();}catch(ex){}}}(el);if(el.value) emptyHintEl.style.display='none';el.parentNode.insertBefore(emptyHintEl,el);el.__emptyHintEl=emptyHintEl;}}}}initPlaceHolders();</script></html>来源：http://www.cnblogs.com/jkisjk/archive/2011/02/23/placdeholder_solo.html，感谢作者
零七网部分新闻及文章转载自互联网，供读者交流和学习，若有涉及作者版权等问题请及时与我们联系，以便更正、删除或按规定办理。感谢所有提供资讯的网站，欢迎各类媒体与零七网进行文章共享合作。
