web实验5

最新推荐文章于 2023-04-22 20:37:00 发布
最新推荐文章于 2023-04-22 20:37:00 发布
阅读量341 收藏
点赞数
文章标签： css javascript jquery html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/p1534179877/article/details/116191523
版权 
<style type="text/css">
					body{margin: 0;}
					.div{
						display: flex;
						flex-direction: column;
						align-items: center;
						width: 600px;
						top: 20px;
						position: absolute;
						left: calc(50% - 300px);
					}
						table{
							margin-top: 30px;
							background-color: black;
					
					}
					tr{
						text-align: center;
					}
		            thead th{
		                background: white;
		            }
					th, tr{
						height: 30px;
						border-radius: 1px;
						width: 80px;
					}
					table  th:nth-child(3){
						width: 200px;
					}
		            .scan{
		                display: flex;
		                flex-direction: column;
		                align-items: center;
		            }
				</style>


<body>
			<div class="div" >
	            <div class="scan">
	                <label>
	                    查询：
	                    <input class="f_text">
	                </label>
	            </div>
	            <table class="table">
	                <thead>
	                <tr>
	                    <th>姓名</th>
	                    <th>性别</th>
	                    <th>暂住地</th>
	                </tr>
	                </thead>
	                <tbody>
	                <tr>
	                    <th>张山</th>
	                    <th>男</th>
	                    <th>浙江宁波</th>
	                </tr>
	                <tr>
	                    <th>李四</th>
	                    <th>女</th>
	                    <th>浙江杭州</th>
	                </tr>
	                <tr>
	                    <th>王五</th>
	                    <th>男</th>
	                    <th>湖南长沙</th>
	                </tr>
	                <tr>
	                    <th>找六</th>
	                    <th>男</th>
	                    <th>浙江温州</th>
	                </tr>
	                <tr>
	                    <th>Rain</th>
	                    <th>男</th>
	                    <th>浙江杭州</th>
	                </tr>
	                <tr>
	                    <th>MAXMAN</th>
	                    <th>女</th>
	                    <th>浙江杭州</th>
	                </tr>
	                <tr>
	                    <th>王六</th>
	                    <th>男</th>
	                    <th>浙江杭州</th>
	                </tr>
	                <tr>
	                    <th>李字</th>
	                    <th>女</th>
	                    <th>浙江杭州</th>
	                </tr>
	                <tr>
	                    <th>李四</th>
	                    <th>男</th>
	                    <th>湖南长沙</th>
	                </tr>
	                </tbody>
	
	            </table>
	
	        </div>
			<script type="text/javascript">
	            $("table tr:odd").css('background-color','#FFF38F');
	            $("table tr:even").css('background-color','#FFFFEE');
	            $('input').keyup(function(){
	                $('table tbody tr').hide().filter(":contains("+$(this).val()+")").show();
	            });
			</script>
		</body>
```3333333

```css

	<body>
		<div class="div" >
            <form action="">
                <select name="province" class="province">
                    <option>
                        请选择省份
                    </option>
                </select>
                <select name="city" class="city">
                    <option >
                        请选择城市
                    </option>
                </select>
            </form>
		</div>
		<script type="text/javascript">
            var province = ["河北省","山西省","辽宁省"];
            var city = [
                ["石家庄市","唐山市","秦皇岛市","邯郸市","张家口市","保定市"],
                ['太原市','大同市','阳泉市', '长治市','运城市','临汾市'],
                ['沈阳市', '大连市', '鞍山市', '盘锦市', '朝阳市']
            ];
            var prov_select = $(".province");
            $.each(province,
                function (i,n){
                prov_select.append("<option  selected>"+n+"</option>");
                }
            )
            prov_select.get(0).selectedIndex = 0;
            prov_select.change(function (){
                    var id = $(".province").get(0).selectedIndex;
                    $(".city option[value='1']").remove();
                    $.each(city[id-1],
                        function (i,n){
                            $(".city").append("<option value='1'  selecte
最低0.47元/天 解锁文章
请再等一下丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端设计实验5.doc
06-15
简单的登录注册验证，和简单的计算器。 1、掌握JavaScript的基本语法； 2、掌握JavaScript函数和事件处理； 3、掌握JavaScript对象编程。
Web 实验五
van_van_v的博客
04-27 1348
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
web实验（5）
m0_65406049的博客
04-22 383
1、设计登录界面，输入账号、密码（测试账号：admin 密码：123456）后调用服务端Api接口进行身份验证验证。登录成功记录所返回的身份令牌，登录失败给出相应反馈提示。输入接口参数 username:admin password:123456。复制身份令牌，点击页面右上角的“Authorization”，粘贴后点击按钮“Authorize”测试其他接口，输入相关参数，点击“execute”即可正常运行。点开“用户管理”下“用户登录”，“try it out”点击“Close”关闭弹窗。
实验五 Web项目开发
weixin_33888907的博客
01-04 195
【实验目的】 1.了解ASP.NET开发Web项目的过程及运行机制； 2.熟练掌握网站和Web服务的开发，并能够对Web服务进行调用； 【实验要求】 1．是一个ASP.NET技术开发的网站，内容自定义。 2．网站所有功能都由自定义的Web服务提供，服务功能自定义。 【实验步骤】（要求自己填写详细的实验步骤，设计思路和关键代码） 【实验体会及存在问题】（要求自己填写，感想、设计时碰到的...
Web实验五 数据库操作
linjiajun12123的博客
05-11 697
实验五 数据库操作 一、实验目的 1．掌握JSP中连接数据库的方法。 2．掌握在web页面上向数据库中添加、删除、修改数据。 二、实验要求 1．实现购物车。 2. 数据库在mysql、oracle、Sqlserver等关系型数据库中任选一种。 3. 给用户提供浏览界面 4.选中某个物品后，转到购买界面 5. 支付界面采用虚拟形式，填写支付金额来代替刷银行卡功...
web实验5JavaScript综合实验
12-07
web实验5JavaScript综合实验
web实验5山大
11-05
分析著名网站的页面布局、颜色方案、字体选择和导航、内容组织以及多媒体元素等的特点，从而培养学生的网站设计思想。
html5，web前端实验
12-22
表格的使用，新闻页面排版，div页面排版布局
山大计算机web选修实验五
10-28
山大计算机的童鞋们看看吧 绝对详细绝对不亏
Web实验报告.doc
11-28
Web实验报告.doc
web实验5 圣斗士网页
人生当苦无妨
08-20 1280
web实验5 圣斗士网页 实现效果 HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ZZY</title> <link rel="stylesheet" type="text/css" href="STYLE.css"> </head> <body> <div id="DEMO"> &lt
实训5-Web漏洞利用
qq_57881666的博客
05-06 272
1、打开BruteForce界面，提交敏感字符测试程序会发生报错。系统时地址栏中的sql语句，在用户名密码提交界面上通过注入逻辑语句使登录判断失效，进入受保护页面。 2、命令注入指的是，利用没有验证过的恶意命令或代码，对网站或服务器进行渗透攻击。打开CommandInjection界面，在该界面提供一个命令行执行环境，输入ip地址返回ping命令的结果，测试连通性的界面。window和linux系统都可以用&&在同一行执行多条命令，尝试注入附加命令使目标主机(延时)关机。&am..
Web前端开发技术（第3版） 实训5 项目16 DIV+CSS页面布局
weixin_59486604的博客
03-30 1814
这是思考区 </div> --> <!-- <div id="content">这是严肃区</div> --> <!-- <div id="menu">这是快乐水管够区</div> --> <!-- <div id="content">这是发呆区
Web实训——5.17
shaojieryou的博客
05-18 126
demo1.txt snudhuaihduiashsudhas sadiosdoasjiodji text in span p1 在webstorm的相同文件夹下创建index.html文件和demo.txt文件,jquery文件 在load（）中callback是可选的参数，callback(回调函数)规定当“load”方法完成后所需要执行的 回调函数。callback回调函数的参数设置； re...
Web实验五 一个简单界面
Yutouxn0的博客
06-02 473
创建一个简单的网页，要求要有导航条，每个界面的导航条一样
HTML期末大作业~花店鲜花商城网站模板设计与实现(HTML+CSS+JavaScript)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
06-30 2万+
HTML期末大作业~花店鲜花商城系统网站模板网站设计与实现 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，~这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品介绍 红色实用的鲜花店、网上鲜花商城系统网站源码，在线礼品花店购物商城系统。带手机端商城源码演示。 此作品为学生个
Web前端开发技术实验与实践（第3版）储久良编著实训5
热门推荐
weixin_45867761的博客
11-22 2万+
实训5 DIV+CSS布局规划 项目16 DIV+CSS页面布局设计 项目17 设计2015年CERNET华东北地区年会网站
web实验五 综合性程序设计
qq_48116514的博客
07-05 1292
1)熟悉在JSP中使用掌握MVC模式，使用JDBC对数据库进行增加、删除修改与查询记录； 2)培养学生进行简单网站的整体开发能力； 3)掌握在JSP中对数据库查询结果进行分页显示技术； 4)掌握MVC模式。 5)掌握在连接使用mysql时解决乱码的问题。 二、实验内容 综合性程序设计——简单学生成绩管理系统，要求具体如下： （1）创建一个mysql数据库student，数据库中至少包含一个学生信息表stuinfo（学号、姓名、出生日期、性别、年龄、班级、自我简介等），并录入相关信息，可以录入同...
java web实验小结
最新发布
05-12
在 Java Web 实验中，我学习了如何使用 Java 编写 Web 应用程序。通过实验，我了解了 Servlet、JSP、JDBC 等技术，学会了基本的 Web 开发流程，包括前端页面的设计、后端逻辑的编写，以及数据库的连接与操作等。 在实验中，我掌握了 Java Web 开发的基本框架和相关技术，能够熟练地使用 Tomcat 服务器、Eclipse IDE 等开发工具，能够编写基本的 Servlet 和 JSP 程序，实现了用户注册、登录、信息查询等功能，同时也学会了如何使用 JDBC 连接 MySQL 数据库，并能够进行基本的增删改查操作。 通过这些实验，我不仅学习了 Java Web 开发的基本知识和技能，还培养了自己的编程思维和解决问题的能力，提高了自己的实践能力和团队协作能力。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值