<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户信息</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- 这里需要引用layui的样式库 -->
<link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body class="childrenBody">
<div class="layui-elem-quote layui-quote-nm demoForm">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">用户姓名:</label>
<font color="red" style="position:absolute;margin-left:-8px;">*</font>
<div class="layui-input-block">
<input type="text" name="uName" id="uName" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">登录帐号:</label>
<font color="red" style="position:absolute;margin-left:-8px;">*</font>
<div class="layui-input-block">
<input type="text" name="uUsername" required lay-verify="required" placeholder="请输入登录帐号" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">登录密码:</label>
<font color="red" style="position:absolute;margin-left:-8px;">*</font>
<div class="layui-input-inline">
<input type="password" name="uPassword" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
<!-- 给输入框添加一个位于右边显示的图标,并设置其大小,点击事件会显示或隐藏密码 -->
<i class="layui-icon layui-icon-face-smile-fine" id="pIcon" style="position:absolute;top:8px;right:8px;font-size:24px"></i>
</div>
<div class="layui-form-mid layui-word-aux">默认密码为 123456</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用户年龄:</label>
<font color="red" style="position:absolute;margin-left:-8px;">*</font>
<div class="layui-input-block">
<select name="uAge" lay-verify="required" lay-filter='uAge'>
<option value="" selected>请选择用户年龄</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">管理人员:</label>
<div class="layui-input-block">
<input type="radio" name="uAdmin" value="T" title="是">
<input type="radio" name="uAdmin" value="F" title="否" checked>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">备注信息:</label>
<div class="layui-input-block">
<textarea name="uNote" placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
</div>
<button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
<button class="layui-btn layui-btn-normal" data-type="close">关闭</button>
</form>
</div>
<!-- 下面是引用layui的js库 -->
<script src="/layui/layui.js" charset="utf-8"></script>
<!-- 引用当前页面的js -->
<script src="/www/userEdit.js" charset="utf-8"></script>
</body>
</html>
layuiDemo增删改查动态增删组件带后台脚本完整演示.zip
1星 需积分: 50 29 浏览量
2019-06-19
15:00:42
上传
评论 1
收藏 11.52MB ZIP 举报
chunyangsuhao
- 粉丝: 101
- 资源: 7402
最新资源
- python-leetcode面试题解之第157题用Read4读取N个字符-题解.zip
- python-leetcode面试题解之第156题上下翻转二叉树-题解.zip
- python-leetcode面试题解之第155题最小栈-题解.zip
- python-leetcode面试题解之第153题寻找旋转排序数组中的最小值-题解.zip
- python-leetcode面试题解之第152题乘积最大子数组-题解.zip
- python-leetcode面试题解之第151题反转字符串中的单词-题解.zip
- python-leetcode面试题解之第150题逆波兰表达式求值-题解.zip
- python-leetcode面试题解之第149题直线上最多的点数-题解.zip
- python-leetcode面试题解之第148题排序链表-题解.zip
- python-leetcode面试题解之第147题对链表进行插入排序-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈