简单的js文本框提示语
简单的js文本框提示语
在路上飞奔的菜鸟 发表于3个月前
简单的js文本框提示语
  • 发表于 3个月前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

$(function(){
    $("#test").focus(function(){		<%--当id为test获取焦点时调用的函数--%>
			var txt_value = $(this).val();	<%--获取文本框值--%>
			if(txt_value == "请输入姓名"){	<%--判断文本框值--%>
				$(this).val("");				<%--将文本框值清空--%>
			}			
		});
		$("#test").blur(function(){		<%--当id为test失去焦点时调用函数--%>
			var txt_value = $(this).val();
			if(txt_value == ""){				<%--如果文本框值为空--%>
				$(this).val("请输入姓名");	<%--设置文本框值--%>
			}
		});
                    
});

当然还可以用h5的新特性的:
placeholder="请输入名字", 直接加到input框后面,该特性不支持ie10以下浏览器

共有 人打赏支持
粉丝 2
博文 42
码字总数 20743
×
在路上飞奔的菜鸟
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: