<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="./css/buttoncss.css">
<link rel="stylesheet" type="text/css" href="./css/index.css">
<link rel="stylesheet" href="./css/form.css">
</head>
<body>
<div class="head-div light-blue">
<div class="search">
<input type="text" name="" id="" value="" / class="searchbd">
<div class="searchtext">搜索</div>
</div>
<div class="buttonthree">
<button type="button" class="success" id="add-btn"><b>增加</b></button>
<button type="button" class="danger" id="delete-btn"><b>删除</b></button>
<button type="button" class="warning" id="modify-btn"><b>修改</b></button>
</div>
</div>
<ul id ="msgList-ul">
<li class="male ">
<div class="img-div">
<img class="img" src="./img/2.jpg" >
</div>
<div class="msg-span-div">
<span class="number-span">2120501122</span>
<span>
<span class="name-span">韩璐文</span>
<span class="sex-span">男</span>
</span>
<span class="department-span">计算机工程系</span>
<span class="hobby-span">
<span>五子棋</span>
<span>听音乐</span>
<span>读书</span>
</span>
</div>
</li>
<li class="male ">
<div class="img-div">
<img class="img" src="./img/3.jpg" >
</div>
<div class="msg-span-div">
<span class="number-span">2120501131</span>
<span>
<span class="name-span">乔宇飞</span>
<span class="sex-span">男</span>
</span>
<span class="department-span">计算机工程系</span>
<span class="hobby-span">
<span>体育</span>
<span>打麻将</span>
</span>
</div>
</li>
<li class="female ">
<div class="img-div">
<img class="img" src="./img/4.jpg" >
</div>
<div class="msg-span-div">
<span class="number-span">2120501124</span>
<span>
<span class="name-span">薛梓研</span>
<span class="sex-span">女</span>
</span>
<span class="department-span">计算机工程系</span>
<span class="hobby-span">
<span>体育</span>
<span>读书</span>
</span>
</div>
</li>
<li class="male ">
<div class="img-div">
<img class="img" src="./img/2.jpg" >
</div>
<div class="msg-span-div">
<span class="number-span">2120500125</span>
<span>
<span class="name-span">丁宏斌</span>
<span class="sex-span">男</span>
</span>
<span class="department-span">计算机工程系</span>
<span class="hobby-span">
<span>运动</span>
<span>读书</span>
<span>学习</span>
</span>
</div>
</li>
</ul>
<div id="modal-div" class="modal-div" style="display: none;">
<form name="msgForm" method="get" target="_blank">
<input type="hidden" name="act" id="act-input" value="">
<div id="form-div">
<button class="modal-close-btn danger" type="button" id="close-modal-btn">x</button>
<h2 style="margin: 8px;justify-content: center;">个人基本信息</h2>
<div>
<label>姓名：</label>
<div>
<input type="text" name="name" maxlength="10">
</div>
</div>
<div>
<label>性别：</label>
<div>
<label>
<input type="radio" name="sex" value="男" checked="checked">男
</label>
<label>
<input type="radio" name="sex" value="女">女
</label>
</div>
</div>
<div>
<label>学号：</label>
<div>
<input type="text" name="number" maxlength="10">
</div>
</div>
<div>
<label>所属院系：</label>
<div>
<select name="department">
<option value ="" selected disabled>请选择</option>
<option value ="机械工程系">机械工程系</option>
<option value ="电子工程系">电子工程系</option>
<option value ="化学工程系">化学工程系</option>
<option value ="自动化工程系">自动化工程系</option>
<option value ="计算机工程系">计算机工程系</option>
</select>
</div>
</div>
<div>
<label>兴趣爱好：</label>
<div>
<label>
<input type="checkbox" name="like" value="music"/>
<span>体育</span>
</label>
<label>
<input type="checkbox" name="like" value="sport"/>
<span>运动</span>
</label>
<label>
<input type="checkbox" name="like" value="read"/>
<span>读书</span>
</label>
<label>
<input type="checkbox" name="like" value="study"/>
<span>学习</span>
</label>
</div>
</div>
<div>
<label>EMil：</label>
<div>
<input type="email" name="email"/>
</div>
</div>
<div>
<label>个人简介：</label>
<div>
<textarea rows="4" cols="16" name="text"></textarea>
</div>
</div>
<div id="buttondiv">
<input type="button" id="submit-button" value="确定保存">
<input type="reset" id="cancel-button" value="重新填写" />
</div>
</div>
</form>
</div>
</body>
<script type="text/javascript" src="./js/list.js"></script>
</html>
javaweb 实验二(TIT)
需积分: 0 197 浏览量
2023-12-13
21:43:33
上传
评论
收藏 240KB ZIP 举报
实验er.zip （12个子文件） 
js 
index.js 830B list.js 5KB img 
2.jpg 92KB 1.jpg 43KB 3.jpg 48KB 4.jpg 49KB
list.html 5KB css buttoncss.css 1KB form.css 2KB index.css 2KB menucsss.css 4KB index.html 3KB资源评论
