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

原创 2019-05-04 22:55:54 421
摘要:<!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>

批改老师:查无此人批改时间:2019-05-05 09:25:57
老师总结:完成的不错。layui框架现在使用的比较多,要好好练习。说不定工作中,就需要用到。

发布手记

热门词条

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号