layui后台登录页面

原创 2019-02-24 10:48:39 488
摘要:<!DOCTYPE html><html><head> <title>登录</title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script type="

<!DOCTYPE html>

<html>

<head>

<title>登录</title>

<link rel="stylesheet" type="text/css" href="layui/css/layui.css">

<script type="text/javascript" src="layui/layui.js" ></script>

</head>

<body style="background: #1e9fff">

<div style="width: 500px;margin: 270px auto 0px">

<div style="background: #fff;border-radius: 4px;box-shadow: 5px 5px 20px #444;padding: 20px">

<form class="layui-form">

<div class="layui-form-item" style="color: gray">

<h2>后台管理系统</h2>

</div>

<hr>

<div class="layui-form-item">

  <label class="layui-form-label">用户名</label>

  <div class="layui-input-block">

     <input type="text" placeholder="请输入用户名" class="layui-input">

  </div>

</div>


<div class="layui-form-item">

  <label class="layui-form-label">密码</label>

  <div class="layui-input-block">

     <input type="text" placeholder="请输入密码" name="password" class="layui-input">

  </div>

</div>


<div class="layui-form-item">

  <label class="layui-form-label">验证码</label>

  <div class="layui-input-inline">

     <input type="text"  class="layui-input">

  </div>

  <img src="../yz.png">

</div>

<div class="layui-form-item">

    <div class="layui-input-block">

      <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>

     

    </div>

  </div>

</form>

</div>

</div>

</body>

</html>


批改老师:西门大官人批改时间:2019-02-24 11:28:56
老师总结:代码总体上比较规范。最好能上传一下运行效果图

发布手记

热门词条