最近有好多人咨询我IE8不支持placeholder的问题,自己写了一个demo以供参考。
js部分
1 function input_focus(e){ 2 $(e).css("color","#000000"); 3 if($(e).val()=="请输入文字"){ 4 $(e).val(''); 5 } 6 } 7 function input_blur(e){ 8 if($(e).val()=="请输入文字"||!$(e).val()){ 9 $(e).css("color","#aaaaaa"); 10 $(e).val("请输入文字"); 11 } 12 }
通过onfocus和onblur方法获取输入框的文字,比较value的值,然后设置文字颜色和显示内容。
HTML部分
<input type="text" onfocus="input_focus(this)" onblur="input_blur(this)" value="请输入文字" style="color: #aaaaaa;" />
在页面上调用onfocus和onblur时需要同事传入标签对应的this对象,方便js的调用。