密码框显示提示文字

当前位置 : 首页 > 网页制作 > CSS > 密码框显示提示文字

密码框显示提示文字

来源: 作者: 时间:2016-01-29 09:12
html head title登录 title script type=text javascript src= jquery-1 3 2 min js script script $(document) ready(function(
<>  
<head>  
    <title>登录</title>  
    <script type="text/javascript" src="./jquery-1.3.2.min.js"></script>  
    <script>  
        $(document).ready(function(){  
            $(".text_login").focus(function(){  
                if($(this).val()=='user name' || $(this).val()=='password'){  
                    $(this).val('');  
                }  
                if($(this).attr('id')=='password1'){  
                    $(this).hide();  
                    $('#password2').show();  
                    $('#password2').focus();  
                }  
            });  
            $(".text_login").blur(function(){  
                if($(this).attr('id')=='password2' && $(this).val()==''){  
                    $(this).hide();  
                    $('#password1').show();  
                    $('#password1').val('password');  
                }  
                else if($(this).attr('id')=='uname' && $(this).val()=='' ){  
                    $(this).val('user name');  
                }  
            });  
        });  
    </script>  
</head>  
  
<body>  
    <table cellpadding="0" cellspacing="0" class="tb_login" border="0">   
        <tr>   
            <td> 账号:</td>  
            <td>   
                <input type="text" name="uname" value="user name"  id="uname" class="text_login"/>   
            </td>   
        </tr>  
        <tr>   
            <td> 密码:</td>   
            <td>  
                <input type="text" value="password" id="password1" class="text_login"/>  
                <input type="password"  id="password2" style="display:none;" class="text_login"/>  
            </td>   
        </tr>   
    </table>  
</body>  
</html>  

 

Tag:
网友评论

<