兼容HTML5placeholder属性
2012-08-06 09:41
501 查看
var placeholder=function(arrObj){ if(!('placeholder' in document.createElement('input'))) { var bind=function(name,val){ name.focus(function(){ var o=$(this); if(o.val()===val) { o.val(""); o.css({"color":"#000"}) } }).blur(function(){ var o=$(this); if(!o.val()||o.val()===val) { o.val(val); o.css({"color":"#c0c0c0"}) } }).blur(); }; if(arrObj){ for(var i in arrObj) { var txt=$(arrObj[i]["name"]); var textDefault=arrObj[i]["val"] ||"请输入"; bind(txt,textDefault); } } else { $("input[placeholder]").each(function(){ var o=$(this) bind(o,o.attr("placeholder")); }) } }else { for(var i in arrObj) { var txt=$(arrObj[i]["name"]); var textDefault=arrObj[i]["val"] ||"请输入"; txt.attr("placeholder",textDefault) } } }
//使用方式1 placeholder(); //使用方式2 /*placeholder([ { name:"#name",val:"请输入用户名/邮箱"}, {name:"#pwd",val:"请输入你的密码"} ])*/
相关文章推荐
- (转)html5 Placeholder属性兼容IE6、7方法
- HTML5 的placeholder属性(兼容各版本)
- Html5的placeholder属性(IE兼容)
- Html5的placeholder属性(IE兼容)实现代码
- Html5的placeholder属性(IE兼容)实现代码
- html5 Placeholder属性兼容IE6、7方法
- 【工作笔记五】html5的placeholder属性(IE如何兼容placeholder属性)
- HTML5表单提示placeholder属性兼容IE
- [干货]兼容HTML5的Placeholder属性-更新版v0.10102013
- html5的placeholder属性(IE如何兼容placeholder属性)
- ie兼容html5中placeholder属性
- Html5的placeholder属性(IE兼容)
- html5属性placeholder的js 向下兼容支持(jquery版)
- IE兼容html5的placeholder属性(IE如何兼容placeholder属性)
- 关于HTML5属性placeHolder在手机浏览器不兼容问题
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- 关于html5标签PlaceHolder 兼容IE8,IE9浏览器
- html5文本框提示文字属性为placeholder
- jquery html5 实现placeholder兼容password ie6
- HTML5之placeholder属性以及如何更改placeholder属性中文字颜色