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")