login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="edge" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="google" content="notranslate" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>登录</title>
    <link rel="stylesheet" href="css/libCss/common.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!--<link rel="stylesheet" href="css/libCss/components.min.css">-->
    <link rel="stylesheet" href="css/login.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head>
</head>
<body>
<div class="login-model">
<!-- top-tit -->
    <div class="top-tit">欢迎登录企业云接口平台</div>
<!-- content sta-->
    <div class="login-content boxshadow posrel clearfix">
        <div class="login-contop posabl"></div>
        <!-- user -->
        <div class="user-cont">
            <div class="cont-user clearfix">
                <span class="user-bg"></span>
                <input class="login-control" type="text" autocomplete="off" placeholder="请输入用户名" name="username" id="userName" maxlength="25">
                <div class="alert-danger display-hide error_ifo">
                    <span>请输入正确的邮箱 </span>
                </div>
            </div>
        </div>
        <!-- psw -->
        <div class="psw-cont">
            <div class="cont-psw clearfix">
                <span class="psw-bg"></span>
                <input class="login-control" type="text" autocomplete="off" placeholder="请输入6-20位字母和数字组成的密码" name="password" id="password" maxlength="25">
                <div class="alert-danger display-hide error_ifo">
                    <span>请输入正确密码</span>
                </div>
            </div>
        </div>
        <!-- yanzhengma -->
        <div class="clearfix">
            <div class="ver-cont posrel float-left">
                <i class="verification-logo"></i>
                <span class="ver-bg float-left"></span>
                <input class="ver-control verification-input float-left" type="text" autocomplete="off" placeholder="请输入验证码" name="" maxlength="4" id="login_imgCode_value">
            </div>
            <span class="imgWrap float-left">
                    <img src="" id="login_imgCode">
            </span>
        </div>
        <!--error -->
        <div class="login_error_ifo"></div>
        <!--btn login-->
        <div class="login-foot">
            <button type="button" class="loginbtn" id="login-btn">登录</button>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/libJs/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/unit.js"></script>
<script type="text/javascript">
    document.write("<s" + "cript type='text/javascript' src='js/login.js?ver" + Math.random() + "'></s" + "cript>");
</script>
</body>
</html>