代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>大事件项目_登录页面</title>
<!-- 凡是css/js, 要先引入第三方, 再引入自己的 -->
<link rel="stylesheet" href="./assets/lib/layui/css/layui.css">
<link rel="stylesheet" href="./login/login.css">
</head>
<body>
<!-- logo -->
<div id="logo">
<img src="./assets/images/logo.png" />
</div>
<!-- 登录的盒子 -->
<div id="login">
<!-- 盒子的标题 -->
<div class="title"></div>
<!-- 登录的表单 -->
<form class="layui-form">
<!-- 第一行:用户名 -->
<div class="layui-form-item">
<i class="layui-icon layui-icon-username"></i>
<!-- lay-verify表单验证: 更多参考: https://www.layui.com/doc/modules/form.html -->
<input type="text" name="username" required lay-verify="required|username" placeholder="请输入用户名"
autocomplete="off" class="layui-input">
</div>
<!-- 第二行:密码 -->
<div class="layui-form-item">
<i class="layui-icon layui-icon-password"></i>
<input type="password" name="password" required lay-verify="required|pass" placeholder="请输入密码"
autocomplete="off" class="layui-input">
</div>
<!-- 第三行:按钮 -->
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid layui-bg-blue" lay-submit>登录</button>
</div>
<!-- 第四行:去注册账号 -->
<div class="layui-form-item">
<a href="./register.html" id="goto-register">去注册账号</a>
</div>
</form>
</div>
<script src="./assets/lib/jquery.js"></script>
<script src="./assets/lib/layui/layui.all.js"></script>
<script src="./assets/lib/axios.js"></script>
<script src="./assets/lib/md5.js"></script>
<script src="./assets/lib/form-serialize.js"></script>
<script src="./common/utils.js"></script>
<script>
// 最外层class名字必须叫layui-form (这样才能被layui.js控制)
// layui-filter="值" - 给事件传参(区分哪个表单的提交)
// layui-submit 让layui.js内部进行精准的控制
// lay-verify 设置当前元素的表单验证规则 (只要写上. layui.js内部就帮你验证, 不符合就弹出摇头提示)
// 永远不要相信用户在输入框输入的内容 - 所以才需要js对输入框的值进行表单验证规则
</script>
<script src="./login/login.js"></script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。