您的位置:首页 > Web前端 > HTML5

兼容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:"请输入你的密码"}
])*/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: