登陆页面 · PHP

>[danger] layui 搭建登陆页面 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆页面</title> <link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css"> <script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script> <style> .box { width: 500px; margin: 150px auto 0; } .box > div { background: #fff; border-radius: 4px; box-shadow: 5px 5px 50px #4444; padding: 20px; } .captcha { float: right; width: 30%; height: 36px; cursor: pointer; border: 1px solid rgb(230, 230, 230); border-radius: 2px; } </style> </head> <body style="background: #1e9fff"> <div class="box"> <div> <form class="layui-form"> <div class="layui-form-item" style="color: gray;text-align: center;"> <h2>后台管理系统</h2> <hr> </div> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" name="username" 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="password" name="password" 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="text" name="code" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input"> </div> <img class="captcha" src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg" alt="" > </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">登陆</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> </div> </div> </body> </html> ```