Layui 表格美化示例：用户管理表单

"<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"><script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script><form id="myform" action="method!usersave" method="post"><input type="hidden" name="id" value="${user.id}"/><table cellpadding="0" cellspacing="0" class="layui-table" lay-skin="line" width="100%"><colgroup><col width="120"><col></colgroup><tbody><tr><td>邮箱</td><td><input type="text" class="layui-input" name="email" lay-verify="required|email" value="${user.email}" maxlength="40"></td></tr><tr><td>昵称</td><td><input type="text" id="username" name="username" class="layui-input" lay-verify="required|minlength:2" value="${user.username}" maxlength="40"></td></tr><tr><td>密码</td><td><input type="password" class="layui-input" name="password" lay-verify="required|minlength:6" value="${user.password}" maxlength="40"></td></tr><tr><td>用户组</td><td><select name="role" lay-verify="required"><option value="0" ${user.role == 0 ? 'selected' : ''}>普通用户</option><option value="1" ${user.role == 1 ? 'selected' : ''}>管理员</option></select></td></tr></tbody></table><div class="layui-form-item"><div class="layui-input-block"><input type="hidden" name="forward" value=""><button class="layui-btn" lay-submit lay-filter="formSubmit">提交</button><button type="reset" class="layui-btn layui-btn-primary">取消</button><button class="layui-btn layui-btn-primary" onclick="javascript:history.go(-1);">返回</button></div></div></form><script>\layui.use('form', function () {\var form = layui.form;\form.on('submit(formSubmit)', function (data) {\return false; // 阻止表单跳转});});</script>"