文本框失去焦点与获取焦点默认值问题
2014-08-24 15:12:58   来源:   评论:0 点击:

文本失去焦点显示默认值,获取焦点时显示为空,用JQUERY怎么实现?具体示例如下所示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<script language="javascript" type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

<title></title>

<style>

span {display:block;height:30px;}

</style>

<script type="text/javascript">

$(function(){

//input自动清空

$("input:text").focus(function(){

if($(this).val()==this.defaultValue){

$(this).val("");

}

})

.blur(function(){

if($(this).val()==""){

$(this).val(this.defaultValue);

}

});

});

</script>

</head>

<body>

<div>

<span>中文姓名:<input type="text" value="您的姓名" id="user" name="user" /></span>

<span>用户昵称:<input type="text" value="您的昵称" id="name" name="name" /></span>

<span>手机号码:<input type="text" value="您的手机号" id="mobile" name="mobile" /></span>

</div>

</body>

</html>

相关热词搜索:jquery

上一篇:使用JS验证多个表单
下一篇:JavaScript typeof()有什么用?