2

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
         <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style>
body{ margin:0; padding:0;width:100%;height:100%;}
.bigbox{ background-image:url(images/%E9%A6%96%E9%A1%B53_05.gif);background-image:url(images/%E9%A6%96%E9%A1%B53.gif);width:100%;height:100%;overflow:hidden; }
.logo{ margin-top:0.66%; margin-left:2%;}
.denglu{ margin-top:3.2%; background-color:#0099ff;width:34%;height:40; margin-left:30%; border-radius:22px; overflow:hidden;}
.first{ margin-top:6%;list-style:none;width:80%;height:40px; margin-left:auto; margin-right:auto;}
.li{list-style:none;width:80%;height:40px; margin-left:auto; margin-right:auto; margin-top:4.6%;}
.last{ margin-bottom:6%;list-style:none;width:80%;height:40px; margin-left:auto; margin-right:auto; margin-top:4.6%;}
label{font-size:20px;color:#FFF; text-align:center; line-height:40px;}
.form-control{width:75%;background-color:#FFF;border:0; margin-left:20px;height:40px;}
.form-control2{width:75%;background-color:#FFF;border:0; margin-left:20px;height:40px;}
.form-control3{width:52%;background-color:#FFF;border:0; margin-left:20px;height:40px;}
 #code  
            {  
                font-family:Arial;  
                font-style:italic;
                font-size:18px;
                font-weight:bold;  
                border:0;  
                letter-spacing:2px;  
                color:blue;
                height:43px;
                margin-left:5px;
                width:22%;
                border:0;
            }  
.go{margin-bottom:5%;width:80%;height:46px; margin-left:auto; margin-right:auto; background-color:#110091; color:#FFF; border-radius:6px; font-size:24px; font-weight:bold; text-align:center; line-height:46px;}
.footer{ background-color:rgba(247,253,255,0.3);width:100%; text-align:center; margin-top:4.8%;}
p{ font-family:12px; color:#110091; text-decoration:none; margin:0;padding-top:1%;}
</style>
<meta charset="utf-8">
<title>登录页</title>
</head>

<body>
<div class="bigbox">
 <div class="logo"><img src="images/首页8_05.gif"></div>
 
 <div class="denglu">
          
            <div class="first"><label>用户名:</label><input type='text' name='user_login_name' class="form-control" placeholder="请填写用户名" id="user_login_name"/></div>
            <div class="li"><label>密&nbsp;&nbsp;码:</label><input type='password' name='user_login_name'class="form-control2" placeholder="请填写密码" id="user_login_name"/></div>
            <div class="last"><label>验证码:</label><input type='text' name='user_login_name'class="form-control3" placeholder="请输入验证码" id="user_login_name"/><input type = "button" id="code" onclick="createCode();"/></div>
            <div class="go">登录</div>
 </div>
 <div class="footer">
 <p>版权所有:江苏财经职业技术学院 苏ICP备11037868号</p>
 <p>技术支持:南京闳毅深美信息技术有限公司</p>
 </div>
</div>


<script type="text/javascript">
var code ; //在全局定义验证码
code = "";   
     var codeLength = 4;//验证码的长度  
     var checkCode = document.getElementById("code");   
     var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',  
     'S','T','U','V','W','X','Y','Z');//随机数  
     for(var i = 0; i < codeLength; i++) {//循环操作  
        var index = Math.floor(Math.random()*36);//取得随机数的索引(0~35)  
        code += random[index];//根据索引取得随机数加到code上  
    }  
    checkCode.value = code;//把code值赋给验证码

function createCode() {
    code = "";   
    var codeLength = 4;//验证码的长度  
    var checkCode = document.getElementById("code");   
    var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',  
    'S','T','U','V','W','X','Y','Z');//随机数  
    for(var i = 0; i < codeLength; i++) {//循环操作  
       var index = Math.floor(Math.random()*36);//取得随机数的索引(0~35)  
       code += random[index];//根据索引取得随机数加到code上  
   }  
   checkCode.value = code;//把code值赋给验证码  
}

</script>
</body>
</html>

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭