登录事件，鼠标点击输入框隐藏默认值事件

CSS：

<style>
    #txt1,#txt2{ color:#CCC; border:1px solid #666;}
    #pswd{ display:none;border:1px solid #666;}
</style>        

引用JS库:

<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>

HTML:

<form id="myform" action="#">
    地址：
    <input type="text" id="txt1" value="请输入邮箱地址" />

    <br />
    <br /> 密码：
    <input type="text" id="txt2" value="请输入邮箱密码" />
    <input type="password" id="pswd" />

    <br />
    <br />
    <input type="button" id="btn" value="登陆" />
</form>

JS代码：

<script type="text/javascript" charset="utf-8">
dlsj('#txt1','请输入邮箱地址','#txt2','#pswd')   //调用


function dlsj (txt1,txt1_val,txt2,password) {
    //邮箱地址输入框获取焦点
        $(txt1).focus(function(){
        var txt1_value=$(txt1).val();
        if(txt1_value==txt1_val){
        $(this).val('');
        }
    })

//邮箱地址输入框失去焦点
    $(txt1).blur(function(){
        var txt1_value=$(txt1).val();
        if(txt1_value=="")
        $(this).val(txt1_val);{
        }
    })
    var $txt2_obj=$(txt2);//获取id为txt2的jquery对象
    var $pswd_obj=$(password);//获取id为txt2的jquery对象
    $txt2_obj.focus(function(){
        $pswd_obj.show().focus();//使密码输入框获取焦点
        $txt2_obj.hide();//隐藏文本输入框

   })
    $pswd_obj.blur(function(){
         if($pswd_obj.val()==''){//密码输入框失去焦点后，若输入框中没有输入字符时，则显现文本输入框
         $txt2_obj.show();
         $pswd_obj.hide();
         }
    
    })
}    
</script>