弹出表单操作

原创 2018-11-15 10:03:10 191
摘要:<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>添加页面</title>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加页面</title>
    <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
    <script type="text/javascript" src="static/layui/layui.js"></script>
</head>
<body>
<form class="layui-form" action="" style="margin-left: 80px;">
    <div class="layui-form-item">
        <label class="layui-form-label">用户名</label>
        <div class="layui-input-inline">
            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-block">
            <input type="radio" name="sex" value="男" title="男">
            <input type="radio" name="sex" value="女" title="女" checked>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">城市</label>
        <div class="layui-input-inline">
            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">选择框</label>
        <div class="layui-input-inline">
            <select name="city" lay-verify="required">
                <option value=""></option>
                <option value="0">超级管理员</option>
                <option value="1">普通管理员</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item" style="margin-left: 10px;">
        <label class="layui-form-label">标签区域</label>
        <div class="layui-input-block">
            <input type="checkbox" name="" title="启用" lay-skin="primary" checked>
            <input type="checkbox" name="" title="禁用" lay-skin="primary">
        </div>
    </div>
    <button class="layui-btn" style="margin-left: 140px;">确定</button>
</form>
<script>
 //Demo
 layui.use('form', function(){
        var form = layui.form;
 });
</script>
</body>
</html>

总结:学会了使用layui的弹出表单操作,关于layui的许多模块,需要自己去学习使用。每天都在学到新知识,感觉到很充实。work2.png

批改老师:查无此人批改时间:2018-11-15 10:49:41
老师总结:很不错,后台管理需要的功能,看来你掌握了,加油。

发布手记

热门词条