html5下input的placeholder标签兼容ie9

if (!!window.ActiveXObject || "ActiveXObject" in window) { //判断在ie下执行

$(function(){
jQuery('[placeholder]').focus(function() {
var input = jQuery(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = jQuery(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur().parents('form').submit(function() {
jQuery(this).find('[placeholder]').each(function() {
var input = jQuery(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
})
});

})

}

css文件里需要增加 .placeholder{color:#a9a9a9;}

html5下input的placeholder标签兼容ie9相关推荐

HTML5的input框placeholder提示文字默认为灰色，修改
<input type="text" value="请输入您需要查找的内容 -" onfocus="this.style.color='#fff ...
关于html5的几个新标签在IE9之前不支持的解决办法
IE8及之前的浏览器不支持用CSS的方法来使用这些尚未支持的结构元素,为了在Internet Explorer浏览器中也能正常使用这些结构元素,需要使用JavaScript脚本,如下: <scr ...
html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性
WEB开发数据提交是必不可少的,为了更友好的用户体验,通常需要给输入框一个默认的提示信息.HTML5技术提供了一个表单属性placeholder专门用于输入框默认提示,但是在IE低版本中根本不兼容. ...
对于input标签兼容问题的处理
placeholder属性 placeholder属性想必大家都不陌生,在表单的制作中经常会使用这个属性,在写西部经济研究院页面时,我遇到了placeholder的兼容问题,在此我整理一下解决思路. ...
HTML5中input标签有用的新属性
HTML5对input增加了一些新标签,个人觉得比较常用有效的以下几个 placeholder="请输入" 常见用于默认提示 autofocus 自动聚焦到当前输入框 maxlen ...
html5标签兼容低版本浏览器
随着html5(后面用h5代表)标签越来越广泛的使用,IE不识别h5标签的问题让人很是烦恼. 在火狐和chrome之类的浏览器中,遇到不认识的标签,只要给个display:block属性,就能让这个元 ...
HLS播放：html5下用video标签来播放m3u8格式的视频
HLS播放:html5下用video标签来播放m3u8格式的视频 <video class="tvhou" width="100%" height=&qu ...
从零开始学 Web 之 HTML5（一）HTML5概述，语义化标签
大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅博客园:ht ...
Html5和Css3的基础标签及常用属性
H5 H5的常用标签及属性: 新增和废弃新增的结构(布局) 标签:section.artcle.nav.footer.header.hgroup.Aside.figure 新增的其他标签: Vide ...

html5下input的placeholder标签兼容ie9

html5下input的placeholder标签兼容ie9相关推荐

最新文章

热门文章