placeholder IE8浏览器不支持问题

最新推荐文章于 2024-11-13 15:29:17 发布

choujinkuang3010

最新推荐文章于 2024-11-13 15:29:17 发布

阅读量100

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/852861/blog/535219

版权

 
  <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>   
 
这个方法只可以解决表单提交的问题，但如果是取值的话，还是不能支持。
解决方法是在input框里再下一个层放一个label
<label class="placeholder" for="username_1" style="display: block;">邮箱或手机号</label>
如果有值就不显示这个label，无值就显示这个label