placeholder怎么兼容IE8、9、10？？？

Answer 1

.phcolor{     color:#999; }<input type="text" id="uname" name="uname" placeholder="请输入用户名"/><script>  $(function(){     //判断浏览器是否支持placeholder属性   supportPlaceholder='placeholder'in document.createElement('input'),   placeholder=function(input){     var text = input.attr('placeholder'),     defaultValue = input.defaultValue;     if(!defaultValue){       input.val(text).addClass("phcolor");     }     input.focus(function(){       if(input.val() == text){         $(this).val("");       }     });     input.blur(function(){       if(input.val() == ""){         $(this).val(text).addClass("phcolor");       }     });     //输入的字符不为灰色     input.keydown(function(){       $(this).removeClass("phcolor");     });   };   //当浏览器不支持placeholder属性时，调用placeholder函数   if(!supportPlaceholder){     $('input').each(function(){       text = $(this).attr("placeholder");       if($(this).attr("type") == "text"){         placeholder($(this));       }     });   } }); </script>ie10会有点小问题，其他ie没问题

Answer 2

解决IE8的兼容性问题 <script type="text/javascript">     if( !('placeholder' in document.createElement('input')) ){        $('input[placeholder],textarea[placeholder]').each(function(){          var that = $(this),          text= that.attr('placeholder');          if(that.val()===""){            that.val(text).addClass('placeholder');          }          that.focus(function(){            if(that.val()===text){              that.val("").removeClass('placeholder');            }          })          .blur(function(){            if(that.val()===""){              that.val(text).addClass('placeholder');            }          })          .closest('form').submit(function(){            if(that.val() === text){              that.val('');            }          });        });      }   </script>