html5下input的placeholder标签兼容ie9
2016-12-27 17:02
537 查看
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;}
$(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;}
相关文章推荐
- HTML:IE9及9以下浏览器兼容placeholder(包含密码输入框)
- 关于input标签和placeholder在IE8,9下的兼容问题
- 浏览器探究——webkit部分——HTMLinput标签
- html之input系列标签
- 设置input标签placeholder字体颜色
- html的input标签,设置size后会影响到页面的放大缩小排版
- 借助HTML分别禁用IE8, IE9的兼容视图模式的小技巧
- input放在a标签里面不能选择input里面的文本,IE9点击失效
- HTML <input> 标签(附带html5属性)
- input 标签 文本框去掉外边框的方法 兼容ie6及其他浏览器
- HTML: 笔记(input标签radio属性一个细节)
- HTML-input标签需设置的属性
- 在js和html标签中input onfocus的不同用法
- HTML中input标签的alt属性和title属性的比较
- HTML的placeholder标签
- input 的 placeholder属性在IE8下的兼容处理
- HTML&CSS_HTML5 Shiv 旧浏览器兼容HTML5标签
- 关于HTML中input标签的新输入类型
- 使用Modernizr+HTML-DOM实现placeholder兼容低版本浏览器
- Html的input标签type属性为number,能输入e的问题