摘要:<!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", 这类重置操作, 已经是非主流了, 极少使用,大多是用脚本实现,而不出现在代码中