<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新增预约</title>
<link rel="icon" type="image/png" href="../img/图标.ico">
<link rel="stylesheet" href="../css/add.css">
<script src="../js/add.js"></script>
</head>
<body onload="init_res()">
<div class="content">
<div class="content-head">
<h2>场地详情名</h2>
<img src="" alt="场地详情图片">
</div>
<div class="content-body">
<!-- 日期单选框 -->
<div class="date">
<div class="font_title">请选择预约日期和时间</div>
<div class="date_box" >
<input type="radio" name="date" value="today" checked>今天
<span></span>
</div>
<div class="date_box">
<input type="radio" name="date" value="tomorrow">明天
<span></span>
</div>
<div class="date_box">
<input type="radio" name="date" value="after_tomorrow">后天
<span></span>
</div>
</div>
<!-- 每天的详细时间 -->
<div class="myChoose">
<div class="times">
<div class="times_1">
<div class="font_title">上午</div>
<div class="time_box">
<input type="checkbox" name="times" value="1">7:00 - 8:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="2">8:00 - 9:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="3">9:00 - 10:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="4">10:00 - 11:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="5">11:00 - 12:00
</div>
</div>
<div class="times_2">
<div class="font_title">下午</div>
<div class="time_box">
<input type="checkbox" name="times" value="6">14:00 - 15:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="7">15:00 - 16:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="8">16:00 - 17:00
</div>
</div>
<div class="times_3">
<div class="font_title">晚上</div>
<div class="time_box">
<input type="checkbox" name="times" value="9">18:00 - 19:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="10">19:00 - 20:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="11">20:00 - 21:00
</div>
<div class="time_box">
<input type="checkbox" name="times" value="12">21:00 - 22:00
</div>
</div>
</div>
</div>
<div class="last">
<button type="button" id="res" onclick="res_fun()">预约</button>
</div>
<div class="tips">
<p>注意：普通用户最多可预约2小时，会员最多可预约6小时</p>
<button class="go_index" onclick="go_index()">回到首页</button>
</div>
</div>
</div>
<div class="content_foot">
<p>客服电话:18983502100</p>
<p>©鱼疯企业</p>
</div>
</body>
</html>
场地预约(javaweb实训项目)的所有前端代码
需积分: 0 177 浏览量
2023-12-31
13:51:19
上传
评论
收藏 16.46MB ZIP 举报
webapp.zip （43个子文件） 
webapp WEB-INF 
web.xml 307B js login.js 4KB modify.js 2KB mycenter.js 13KB register.js 3KB add.js 8KB index.js 7KB find_pwd.js 4KB test.js 132B img 
实训室.jpg 234KB 教室.jpg 83KB 海绵宝宝.jpg 14.05MB 教学楼封面.jpg 40KB login.jpg 371KB 图标.ico 4KB 篮球场.jpg 162KB 体育馆封面.jpg 399KB bg.jpg 133KB favicon.ico 4KB 乒乓球场.jpg 29KB
main_bg.png 3KB 匹克球场.jpg 291KB 实训楼封面.jpg 888KB 默认头像.png 20KB 羽毛球场.jpg 41KB css mycenter.css 2KB find_pwd.css 4KB bootstrap.css 141KB add.css 3KB register.css 5KB login.css 4KB index.css 3KB html 
register.html 3KB find_pwd.html 3KB login.html 3KB mycenter.html 2KB index.html 1KB add.html 5KB index.html 346B fonts icomoon.woff 7KB
icomoon.svg 24KB icomoon.eot 7KB icomoon.ttf 7KB资源评论
