页面练习作业

原创 2019-02-02 23:57:49 174
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="layui/css/layui.css"> <script 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<title></title>
</head>
<body>
<form action="">
<div>
<label>用户名</label>
<div>
<input type="text" name="title" required  lay-verify="required">
</div>
</div>
<div>
<label>真实姓名</label>
<div>
<input type="text" name="title" required  lay-verify="required">
</div>
</div>
<div>
<label>单选框</label>
<div>
<input type="radio" name="sex" value="男" title="男">
<input type="radio" name="sex" value="女" title="女" checked>
</div>
</div>
<div>
<label>选择框</label>
<div>
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
<div>
<label>状态</label>
<div>
<input type="checkbox" name="" title="禁用" lay-skin="primary"> 
</div>
</div>
<div>
        <div>
        <button lay-submit lay-filter="formDemo">保存</button>
        </div>
        </div>
</form>

<script>
layui.use('form', function(){
var form = layui.form;
});
</script>
</body>
</html>


批改老师:天蓬老师批改时间:2019-02-03 15:17:58
老师总结:layui, 其实最早就是做弹层的, 他的layer非常的出名, 不过现在出了UI, 还不错, 就是变得太商业了, 什么都要钱了,不登录,还不让下载

发布手记

热门词条