placeholder在ie10下兼容

placeholder在ie10以下是不显示的,这时转换一种思路,用标签+定位解决

html代码

<div class="input-box">
  <label for="user-code">手机验证码</label>
  <input type="text"  id="user-code" placeholder="请输入验证码"/>
  <p class="placeholder">请输入验证码</p>
</div>

js代码

//placeholder兼容ie10以下
function placeholder(target){
  var browser=navigator.appName

  var b_version=navigator.appVersion

  var version=b_version.split(";");

  var trim_Version=version[1].replace(/[ ]/g,"");

  if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0" || browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0" || browser=="Microsoft Internet Explorer" && trim_Version=="MSIE9.0")

  {
    $(target).siblings("p").show();
    $(target).focus(function() {
      $(this).siblings("p").hide();
    })
    $(target).blur(function(){
      if($(this).val() == "") {
        $(this).siblings("p").show();
      }
    })
  }
}
placeholder("input")

posted @ 2018-08-16 09:44  哑葫芦  阅读(344)  评论(0编辑  收藏  举报