使用layUI完成网站后台登录页面

Original 2019-05-04 22:55:54 323
abstract:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>登录</title>    <link rel="stylesh

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>登录</title>
   <link rel="stylesheet" href="layui-v2.4.5/layui/css/layui.css">
   <script src="layui-v2.4.5/layui/layui.js"></script>
</head>
<body style="background:#1e9fff;">
<div style="width:500px;margin:300px auto;background:white;border-radius:4px;box-shadow:4px 4px 20px #444;padding:20px;">
 <form class="layui-form">
   <div class="layui-form-item" style="color:gray;">
     <h2>后台管理系统</h2>
     <hr>
   </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-block">
       <input type="password" 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>
   </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>
</body>
</html>

Correcting teacher:查无此人Correction time:2019-05-05 09:25:57
Teacher's summary:完成的不错。layui框架现在使用的比较多,要好好练习。说不定工作中,就需要用到。

Release Notes

Popular Entries