返回layui网站......登陆

layui网站后台登录页面

肖凌2019-06-08 20:12:22179

QQ截图20190608201032.png


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>layui</title>

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

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

<style type="text/css">

*{margin:0;padding: 0;}

body{background: #1e9fff;}

.layui-form-item h2{color:gray;}

</style>


</head>

<body>

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

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

<form class="layui-form" action="">

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

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

</div>

<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="请输入用户名" autocomplete="off" 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="请输入密码" autocomplete="off" 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="" autocomplete="off" class="layui-input">

    </div>

    <div class="layui-form-mid layui-word-aux">验收码图片</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>




最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网