后台登陆页面-layui制作

原创 2019-03-25 21:16:31 327
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>后台登陆</title> <link rel="stylesheet" type="text/css"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>后台登陆</title>
<link rel="stylesheet" type="text/css" href="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/css/layui.css">
<script type="text/javascript" src="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/layui.js"></script>
</head>
<body style="background: #0ACBED;">
<div style="width: 500px;background: #fff;margin: 220px auto 0;padding: 20px;">
<div><h2>用户登陆</h2></div>
<hr>
<form action="">
<div>
<label>用户名</label>
<div>
<input type="text" name="title" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off">
</div>
</div>
<div>
<label>密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
<div>
<input type="password" name="title" required  lay-verify="required" placeholder="请输入密码" autocomplete="off">
</div>
</div>
<div>
<label>验证码</label>
<div>
<input type="text" name="password" required lay-verify="required" autocomplete="off">
</div>
</div>
<div>
<div>
<button lay-submit lay-filter="formDemo">登陆</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>

</body>
</html>

后台的登陆页面,使用layui搭建,说真的,速度确实是挺快的,让人用了后不想再自己去一行一行的敲了,有毒

批改老师:查无此人批改时间:2019-03-26 09:41:35
老师总结:完成的不错。框架是为了方便开发,不是让你不写代码,是节省时间写其他的代码。继续加油

发布手记

热门词条