登陆页面1

直接使用代码

图片素材

无

css代码

 <style type="text/css">
.login-box{width:500px;margin:200px auto; padding:40px 20px; border:1px solid #ccc; border-radius:10px; background:#fff; box-shadow:0 0 10px #fff}
  </style>

HTML+JS代码

    <!-- body加上可全屏显示背景图 -->
    <!-- <body style="background:url(/Public/images/login/bg_login.jpg) no-repeat center top"> -->
    <div class="my-login">
          <div class="login-box">
          <h2 class="red text-center">用户登录</h2>
          <form
           
            action="__URL__/loginCheck"
            enctype="multipart/form-data"
            method="post"
          >
           <div class="input-group mar-top20">
              <div class="input-group-addon ">用户名</div>
              <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
            </div>

            <div class="input-group mar-top20">
                <div class="input-group-addon">密&nbsp;&nbsp;&nbsp;码</div>
                <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
              </div>

            <div class="field mar-top20">
             
              <input type="submit" value="登录" class="btn-red" />&nbsp;&nbsp;
              <a href="__URL__/zhuce" class="btn-red">无账号，去注册</a>&nbsp;&nbsp;
              <a class="btn-red">回到首页</a>
            </div>
          </form>
        </div>
      </div>