后台管理系统的登入

Original 2018-12-14 18:10:51 393
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>后台管理系统的登入</title> <script type="text/javascript" src="layui-v2.4.5/layui/layui

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>后台管理系统的登入</title>

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

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

</head>

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

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

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

<form class="layui-form">

<div >

<h3>后台管理系统登入</h3>

<hr>

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

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

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

      <input type="text" name="title" required  lay-verify="required" 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" name="title" required  lay-verify="required" placeholder="请输入密码"  class="layui-input">

  </div>

</div>


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

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

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

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

    </div>


</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>


Correcting teacher:灭绝师太Correction time:2018-12-15 09:36:24
Teacher's summary:layui模块搭建比较简单,主要是学会看文档,多练习,熟悉组件

Release Notes

Popular Entries