登陆系统的创建

原创 2019-01-13 14:02:42 178
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>layui搭建</title> <link rel="stylesheet" type="text/css&qu
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>layui搭建</title>
<link rel="stylesheet" type="text/css" href="D:/my-mi/layui/css/layui.css">
<script type="text/javascript" src="D:/my-mi/layui/layui.js"></script>
</head>
<body style="background: blue">
<div style="margin:200px auto;padding: 20px;background: #fff;width: 400px;border-radius: 5px;box-shadow: 3px 3px #ccc;">
<form action="">
<p style="border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;">后台登陆系统</p>
<div>
    <label>用户名</label>
    <div>
      <input type="text" name="" placeholder="请输入用户名">
    </div>
</div>
<div>   
    <label>密码</label>
    <div>
      <input type="password" name="" placeholder="请输入密码">
    </div>
</div>
<div>
   <label>验证</label>
<div>
<input type="text">
  </div>
</div>
<div>
    <div>
      <button lay-submit="" lay-filter="demo1">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>

</div>
</body>
</html>

找到内容复制粘贴然后修改,要注意标签位置

批改老师:天蓬老师批改时间:2019-01-13 14:24:23
老师总结:目前,type="reset", 这类重置操作, 已经是非主流了, 极少使用,大多是用脚本实现,而不出现在代码中

发布手记

热门词条