登陆页面的源码

Original 2018-12-21 16:40:37 227
abstract:<!DOCTYPE html><html><head> <title>登陆</title> <link rel="stylesheet" type="text/css" href="../static/plugins/layui/css/layui.css"> <

<!DOCTYPE html>

<html>

<head>

<title>登陆</title>

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

<script type="text/javascript" src="../static/plugins/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 #4444;padding: 20px;">

<form class="layui-form">

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

<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="请输入密码" 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">登陆</button>

      

    </div>

  </div>

</form>

</div>

</div>

</body>

</html>


Correcting teacher:韦小宝Correction time:2018-12-21 17:07:06
Teacher's summary:写的很不错!登录界面可以算是所有页面中最简单的了!用layui来写的登录界面是非常简洁美观的!

Release Notes

Popular Entries