搜索

添加管理员弹出的页面

原创 2019-04-10 22:46:45 352
摘要:<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>添加管理员</title&g
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加管理员</title>
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <script type="text/javascript" src="static/layui/layui.js"></script>
    <style>
 .layui-form{width: 300px;height: 260px;padding: 10px;text-align: center}
        .line{margin: 5px auto;}
        button{margin-left: 40px}
    </style>
</head>
<body>
<form class="layui-form" action="">
    <div class="layui-form-item">
        <div class="line">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input type="text" name="username" class="layui-input">
            </div>
        </div>
        <div class="line">
            <label class="layui-form-label">真实姓名</label>
            <div class="layui-input-block">
                <input type="text" name="truename" class="layui-input">
            </div>
        </div>
        <div class="line">
            <div class="layui-form-item">
                <label class="layui-form-label">角色</label>
                <div class="layui-input-block">
                    <select name="city" lay-verify="required">
                        <option value=""></option>
                        <option value="0">超级管理员</option>
                        <option value="1">管理员</option>
                        <option value="2">员工</option>
                    </select>
                </div>
            </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="启用" checked>
                <input type="radio" name="sex" value="禁用" title="禁用">
            </div>
        </div>
        <button class="layui-btn">保存</button>
    </div>
</form>


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

 });
</script>
</body>
</html>


批改老师:天蓬老师批改时间:2019-04-11 09:00:53
老师总结:我大约在2016年接触到Lay的, 不过那时大家用的只是他的弹层, 他的弹层做的不错, 叫Layer, 不少老码农估计都知道, 不过, 现在Layui越来越商业化, 不少是付费功能, 所以, 建议多学几个

发布手记

热门词条