<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!-- 指定字符集 -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>用户信息管理系统</title>
<!-- 1. 导入CSS的全局样式 -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- 2. jQuery导入,建议使用1.9以上的版本 -->
<script src="js/jquery-2.1.0.min.js"></script>
<!-- 3. 导入bootstrap的js文件 -->
<!-- <script src="js/bootstrap.min.js"></script>-->
<style type="text/css">
td, th {
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<h3 style="text-align: center;margin-bottom: 50px;">用户信息列表</h3>
<div style="float: left;">
<form class="form-inline">
<div class="form-group">
<label for="ipt_name">姓名</label>
<input name="name" type="text" class="form-control" id="ipt_name">
</div>
<div class="form-group">
<label for="ipt_address">籍贯</label>
<input name="address" type="text" class="form-control" id="ipt_address">
</div>
<div class="form-group">
<label for="ipt_email">邮箱</label>
<input name="email" type="email" class="form-control" id="ipt_email">
</div>
<button id="submit1" type="button" class="btn btn-default" onclick="oncli()">查询</button>
</form>
</div>
<div style="float: right;margin-bottom: 15px">
<a class="btn btn-primary" href="add.html">添加用户</a>
<a id="delete" class="btn btn-primary" href="javascript:del()">删除选中</a>
</div>
<table border="1" class="table table-bordered table-hover">
<tr class="success">
<th>选择</th>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>籍贯</th>
<th>QQ</th>
<th>邮箱</th>
<th>超管</th>
<th>操作</th>
</tr>
<tbody id="info">
<tr>
<th>
<input id="1" type="checkbox">
</th>
<th>1</th>
<th>张三</th>
<th>男</th>
<th>18</th>
<th>北京</th>
<th>295628068</th>
<th>[email protected]</th>
<th>是</th>
<th>
<a class="btn btn-default btn-sm" href="update.hytml?id=">修改</a>
<a class="btn btn-default btn-sm" href="javascript:void(0);">删除</a>
</th>
</tr>
<tr>
<th>
<input id="2" type="checkbox">
</th>
<th>2</th>
<th>李四</th>
<th>男</th>
<th>18</th>
<th>西安</th>
<th>295628068</th>
<th>[email protected]</th>
<th>否</th>
<th>
<a class="btn btn-default btn-sm" href="update.hytml?id=">修改</a>
<a class="btn btn-default btn-sm" href="javascript:void(0);">删除</a>
</th>
</tr>
</tbody>
</table>
<div>
<nav aria-label="Page navigation">
<ul id="all" class="pagination">
<li class="active"><a href="javascript:void(0);">1</a></li>
<li><a href="javascript:void(0);">2</a></li>
<li><a href="javascript:void(0);">3</a></li>
<li><a href="javascript:void(0);" aria-label="Next">
<span aria-hidden="true">»</span></a>
</li>
<span style="font-size: 20px;margin-left: 10px;"> 共 10 条记录,共 1 页
</span>
</ul>
</nav>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
博客系统 所用到的 静态资源 (主要使用到里面的 add.html 和 css )
共19个文件
css:4个
html:4个
jpg:4个
需积分: 0 4 下载量 171 浏览量
2023-03-07
18:21:17
上传
评论
收藏 809KB RAR 举报
温馨提示
博客项目所 拷贝的 css , add.html 出处
资源推荐
资源详情
资源评论
收起资源包目录
页面资源.rar (19个子文件)
用户管理(静态页面)(1)
usermanager-html
js
jquery-2.1.0.min.js 82KB
list.html 4KB
css
bootstrap.min.css 118KB
bootstrap-theme.css 26KB
bootstrap.css 143KB
bootstrap-theme.min.css 23KB
login.html 2KB
update.html 3KB
add.html 3KB
images
6.jpg 171KB
21.jpg 75KB
5.jpg 66KB
4.png 16KB
3.jpg 288KB
2.png 49KB
fonts
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
共 19 条
- 1
资源评论
牧..
- 粉丝: 2014
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于QT的地图可视化桌面系统后台数据库为MySQL5.7源码.zip
- 基于simulink的PLL锁相环系统仿真【包括模型,文档,参考文献,操作步骤】
- 基于EM-GMM模型的目标跟踪和异常行为检测matlab仿真【包括程序,注释,参考文献,操作步骤,说明文档】
- 2109010044_胡晨燕_选课管理数据库设计与实现.prj
- 帕鲁介绍的PPT备份没什么好下的
- demo1-202405
- 两种方式修改Intel网卡MAC地址
- 服务器搭建所需资源:static文件夹
- Vue02的源码学习资料
- Python 程序语言设计模式思路-行为型模式:访问者模式:在不改变被访问对象结构的情况下,定义对其元素的新操作
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功