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

最新推荐文章于 2022-12-06 14:02:46 发布

景韦

最新推荐文章于 2022-12-06 14:02:46 发布

阅读量1.6k

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/jewely/article/details/43713159

版权

该博客介绍如何使用jQuery实现登录框内的默认文字（如“用户名”、“密码”）在未获取焦点时显示淡入效果，当输入框获取焦点且内容为默认文字时，会将文字清除并切换密码框类型。

摘要由CSDN通过智能技术生成

未获取焦点则添加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").addCl