jquery登录框内默认显示文字用户名/密码

来源：互联网发布：手机捏人软件编辑：程序博客网时间：2024/05/16 13:46

未获取焦点则添加class让文字变淡，密码type=text

获取焦点后若是默认的文字即用户名/密码，则移除class，密码type=password

if($("#loginusername").val()==""||$("#loginusername").val()=="用户名"){$("#loginusername").val("用户名");$("#loginusername").addClass("emptyLoginIpt");}$("#loginusername").focusout(function(e) {            if($("#loginusername").val()==""){$(this).val("用户名");$(this).addClass("emptyLoginIpt");}});$("#loginusername").focusin(function(e) {            if($(this).val()=="用户名"){$(this).val("");$(this).removeClass("emptyLoginIpt");}        });if($("#loginpwd").val()==""||$("#loginpwd").val()=="密码"){$("#loginpwd").val("密码");$("#loginpwd").addClass("emptyLoginIpt");$("#loginpwd").attr("type","text");}$("#loginpwd").focusout(function(e) {            if($("#loginpwd").val()==""){$(this).val("密码");$(this).addClass("emptyLoginIpt");$("#loginpwd").attr("type","text");}});$("#loginpwd").focusin(function(e) {            if($(this).val()=="密码"){$(this).val("");$(this).removeClass("emptyLoginIpt");$("#loginpwd").attr("type","password");}        });

0 0