登陸頁面 · 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> ```