一.概述
在使用HTML的input元素时,经常会用到placeholder属性。但是IE8不支持这个placeholder属性,有点悲催,只能使用js来模拟这个placeholder了
二.模拟placeholder的js代码
if(!$.support.placeholder) {
var els = $('input[placeholder],textarea[placeholder]');
els.each(function(i, el) {
el = $(el);
var defValue = el.attr('placeholder'),
defColor = el.css('color');
el.bind('focus',function() {
if(this.value === '' || this.value === defValue) {
$(this).css('color', defColor);
this.value = '';
}
});
el.bind('blur',function() {
if(this.value === '' || this.value === defValue) {
$(this).css('color','#aaa');
this.value = defValue;
}
});
el.triggerHandler('blur');
el.closest('form').submit(function(){
var val = el.val();
if(val === defValue){
el.val('');
}
});
});
}
分享到:
相关推荐
Placeholder是HTML5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。如: <input name="username" type="text" placeholder=...
ie9浏览器上不支持placeholder属性,所以必须借助插件来实现placeholder,而jquery.placeholder.js则可以实现
jquery.placeholder.min.js
低版本的浏览器不支持html5的placeholder属性,想要兼容该问题,需要利用js来处理。
jquery 代码解决placeholder不换行,不居中问题
placeHolder是html5加入的新属性,此代码基于jQuery实现placeholder属性功能。
这是一个用来在IE10之前的IE浏览器下模拟HTML5 input标签的placeholder属性的插件,用上它只需要在input标签中写上placeholder属性即可,还实现了placeholder的内容字体颜色和IE相同的功能。值得注意的是jquery版本...
让不支持placeholder的浏览器实现此属性 支持 input[type=password] 需 jquery .1.7.2 版本以上
该插件完整兼容placeholder属性。插件由原生JS编写,无需任何其他插件支持,并且使用简单,只需一行JS调用即可。 博客地址:http://blog.csdn.net/qq_17076445/article/details/78212240
IE下实现placeholder效果的jquery插件,同时支持文本和密码输入框,内附demo
jquery占位符 一个简单的 jQuery 占位符插件
下面小编就为大家带来一篇jquery 判断是否支持Placeholder属性的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
针对input的默认值,html5有新加的placeholder属性, 但是该属性浏览器兼容性较差, 所以就自定义了diyplaceholder属性, 作为jquery插件,满足浏览器兼容.