最近有好多人咨询我 IE8 不支持 placeholder 的问题, 自己写了一个 demo 以供参考.
JS 部分
- function input_focus(e){
- $(e).CSS("color","#000000");
- if($(e).val()=="请输入文字"){
- $(e).val('');
- }
- }
- function input_blur(e){
- if($(e).val()=="请输入文字"||!$(e).val()){
- $(e).CSS("color","#aaaaaa");
- $(e).val("请输入文字");
- }
- }
通过 onfocus 和 onblur 方法获取输入框的文字, 比较 value 的值, 然后设置文字颜色和显示内容.
html 部分
<input type="text" onfocus="input_focus(this)" onblur="input_blur(this)" value="请输入文字" style="color: #aaaaaa;" />
在页面上调用 onfocus 和 onblur 时需要同事传入标签对应的 this 对象, 方便 JS 的调用.
来源: https://www.cnblogs.com/luo-chen/p/9848297.html