about.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>About</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  7. <meta name="keywords" content="Bootstrap Responsive Templates, Iphone Compatible Templates, Smartphone Compatible Templates, Ipad Compatible Templates, Flat Responsive Templates"/>
  8. <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
  9. <link href="css/style.css" rel='stylesheet' type='text/css' />
  10. <link href='https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  11. <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
  12. <script src="js/jquery-1.11.0.min.js"></script>
  13. <!---- start-smoth-scrolling---->
  14. <script type="text/javascript" src="js/move-top.js"></script>
  15. <script type="text/javascript" src="js/easing.js"></script>
  16. <script type="text/javascript">
  17. jQuery(document).ready(function($) {
  18. $(".scroll").click(function(event){
  19. event.preventDefault();
  20. $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  21. });
  22. });
  23. </script>
  24. <!---- start-smoth-scrolling---->
  25. <!--start-team-->
  26. <link rel="stylesheet" type="text/css" href="css/common.css" />
  27. <!--form--->
  28. <script>
  29. $(document).ready(function(){
  30. //使用class属性处理 'yy-mm-dd' 设置格式"yyyy/mm/dd"
  31. $('#birthday').datepick({dateFormat: 'yy-mm-dd'});
  32. });
  33. function myFunction()
  34. {
  35. alert("报名成功!");
  36. }
  37. </script>
  38. <LINK href="${pageContext.request.contextPath}/css/Style.css" type="text/css" rel="stylesheet">
  39. <link rel="stylesheet" href="${pageContext.request.contextPath}/jquery/jquery.datepick.css" type="text/css">
  40. </head>
  41. <body>
  42. <div class="head" id="home">
  43. <div class="container">
  44. <div class="header">
  45. <div class="menu">
  46. <a class="toggleMenu" href="#"><img src="images/menu-icon.png" alt="" /> </a>
  47. <ul class="nav" id="nav">
  48. <li><a href="index.html">返回</a></li>
  49. <li><a href="about.html" class="active">报名</a></li>
  50. <li><a href="saichengbiao.html">赛程表</a></li>
  51. <li><a href="grade.html">成绩</a></li>
  52. <li><a href="contact.html">管理员</a></li>
  53. </ul>
  54. <!----start-top-nav-script---->
  55. <script type="text/javascript" src="js/responsive-nav.js"></script>
  56. <script type="text/javascript">
  57. jQuery(document).ready(function($) {
  58. $(".scroll").click(function(event){
  59. event.preventDefault();
  60. $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  61. });
  62. });
  63. </script>
  64. <!----//End-top-nav-script---->
  65. </div>
  66. <div class="clearfix"> </div>
  67. </div>
  68. </div>
  69. </div>
  70. <!--form-->
  71. <div class="about">
  72. <div class="container">
  73. <div class="about-top">
  74. <h3>学生报名</h3>
  75. </div><div></div>
  76. <div>
  77. <form id="userAction_save_do" name="Form1" action="${pageContext.request.contextPath}/user/list.jsp" method="post" enctype="multipart/form-data">
  78. &nbsp;
  79. <table cellSpacing="1" cellPadding="5" width="100%" align="center" bgColor="#eeeeee" style="border: 1px solid #8ba7e3" border="0">
  80. <tr>
  81. <td class="ta_01" align="center" bgColor="#afd1f3" colSpan="4"
  82. height="26">
  83. <strong><STRONG></STRONG>
  84. </strong>
  85. </td>
  86. </tr>
  87. <tr>
  88. <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">
  89. <label>所报项目限制:</label>
  90. </td>
  91. <td class="ta_01" bgColor="#ffffff" colspan="3">
  92. <input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
  93. 最多报
  94. <select name="select" size="1">
  95. <option>1</option>
  96. <option>2</option>
  97. <option selected="selected">3</option>
  98. <option>4</option>
  99. <option>5</option>
  100. <option>6</option>
  101. <option>7</option>
  102. <option>8</option>
  103. <option>9</option>
  104. </select>
  105. &nbsp;&nbsp;&nbsp;&nbsp;
  106. <input type="radio" name="radiobutton" value="rediobutton" />
  107. 没有限制
  108. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  109. <label>所属运动队:</label>
  110. <select >
  111. <option>软件学院</option>
  112. <option>电信学院</option>
  113. <option>管理学院</option>
  114. <option>外语学院</option>
  115. </select>
  116. </td>
  117. </tr>
  118. <tr>
  119. <td align="center" bgColor="#f5fafe" class="ta_01">
  120. 学号:
  121. </td>
  122. <td class="ta_01" bgColor="#ffffff">
  123. <input type="text" name="userName" value="" id="userAction_save_do_userName" class="bg"/>
  124. </td>
  125. </tr>
  126. <tr>
  127. <td align="center" bgColor="#f5fafe" class="ta_01">
  128. 姓名:
  129. </td>
  130. <td class="ta_01" bgColor="#ffffff">
  131. <input type="text" name="userName" value="" id="userAction_save_do_userName" class="bg"/>
  132. </td>
  133. </tr>
  134. <tr>
  135. <td align="center" bgColor="#f5fafe" class="ta_01">
  136. 年级:
  137. </td>
  138. <td class="ta_01" bgColor="#ffffff">
  139. <select name="education" id="education">
  140. <option value=""
  141. selected="selected"
  142. >--选择年级--</option>
  143. <option value="大一">大一</option>
  144. <option value="大二">大二</option>
  145. <option value="大三">大三</option>
  146. <option value="大四">大四</option>
  147. </select>
  148. </td>
  149. </tr>
  150. <tr>
  151. <td align="center" bgColor="#f5fafe" class="ta_01">
  152. 性别:
  153. </td>
  154. <td class="ta_01" bgColor="#ffffff">
  155. <input type="radio" name="sex" id="sex男" value="男"/><label for="sex男">男</label>
  156. <input type="radio" name="sex" id="sex女" value="女"/><label for="sex女">女</label>
  157. </td>
  158. </tr>
  159. <tr>
  160. <td align="center" bgColor="#f5fafe" class="ta_01">
  161. 报名项目:
  162. </td>
  163. <td class="ta_01" bgColor="#ffffff">
  164. <label>男生项目:</label>
  165. <input type="checkbox" name="checkbox" value="checkbox" />
  166. 竞走:</label>
  167. <select><option>场地赛5公里</option>
  168. <option>场地赛10公里</option>
  169. <option>公路赛20公里</option>
  170. <option>公路赛50公里</option></select>
  171. <label>
  172. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  173. <input type="checkbox" name="checkbox2" value="cheakbox" />
  174. 短距离跑:</label>
  175. <select><option>100米</option>
  176. <option>200米</option>
  177. <option>400米</option>
  178. </select>
  179. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  180. <input type="checkbox" name="checkbox2" value="cheakbox" />
  181. 中距离跑:</label>
  182. <select><option>800米</option>
  183. <option>1500米</option>
  184. </select>
  185. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  186. <input type="checkbox" name="checkbox2" value="cheakbox" />
  187. 长距离跑:</label>
  188. <select><option>5000米</option>
  189. <option>10000米</option>
  190. </select>
  191. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  192. <input type="checkbox" name="checkbox2" value="cheakbox" />
  193. 跨栏跑:</label>
  194. <select><option>100栏</option>
  195. <option>400米栏</option>
  196. </select>
  197. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  198. <input type="checkbox" name="checkbox2" value="cheakbox" />
  199. </label>障碍跑3000米<label>
  200. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  201. <input type="checkbox" name="checkbox2" value="cheakbox" />
  202. </label>马拉松(42.195公里)<label>
  203. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  204. <input type="checkbox" name="checkbox4" value="cheakbox" />接力跑:</label>
  205. <select><option>4*100米</option><option>4*400米</option></select><label>
  206. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  207. <input type="checkbox" name="checkbox4" value="cheakbox" />
  208. 跳高:</label>
  209. <select><option>跳高</option><option>撑杆跳高</option></select><label><br>
  210. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  211. <input type="checkbox" name="checkbox4" value="cheakbox" />
  212. 跳远:</label>
  213. <select><option>跳远</option><option>三级跳远</option></select><label>
  214. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  215. <input type="checkbox" name="checkbox" value="checkbox" />
  216. 投掷:</label>
  217. <select><option>铅球</option>
  218. <option>标枪</option>
  219. <option>铁饼</option>
  220. <option>链球</option></select>
  221. <label>
  222. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  223. <input type="checkbox" name="checkbox4" value="cheakbox" />十项全能(第一天:100米、跳远、铅球、跳高、400米,第二天:100米栏、铁饼、撑杆跳高、标枪、1500米)</label>
  224. <label>
  225. <br >
  226. <label>女生项目:</label>
  227. <input type="checkbox" name="checkbox" value="checkbox" />
  228. 竞走:</label>
  229. <select><option>场地赛5公里</option>
  230. <option>场地赛10公里</option>
  231. <option>公路赛20公里</option>
  232. <option>公路赛50公里</option></select>
  233. <label>
  234. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  235. <input type="checkbox" name="checkbox2" value="cheakbox" />
  236. 短距离跑:</label>
  237. <select><option>100米</option>
  238. <option>200米</option>
  239. <option>400米</option>
  240. </select>
  241. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  242. <input type="checkbox" name="checkbox2" value="cheakbox" />
  243. 中距离跑:</label>
  244. <select><option>800米</option>
  245. <option>1500米</option>
  246. </select>
  247. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  248. <input type="checkbox" name="checkbox2" value="cheakbox" />
  249. 长距离跑:</label>
  250. <select><option>5000米</option>
  251. <option>10000米</option>
  252. </select>
  253. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  254. <input type="checkbox" name="checkbox2" value="cheakbox" />
  255. 跨栏跑:</label>
  256. <select><option>100栏</option>
  257. <option>400米栏</option>
  258. </select>
  259. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  260. <input type="checkbox" name="checkbox2" value="cheakbox" />
  261. </label>障碍跑3000米<label>
  262. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  263. <input type="checkbox" name="checkbox2" value="cheakbox" />
  264. </label>马拉松(42.195公里)<label>
  265. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  266. <input type="checkbox" name="checkbox4" value="cheakbox" />接力跑:</label>
  267. <select><option>4*100米</option><option>4*400米</option></select><label>
  268. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  269. <input type="checkbox" name="checkbox4" value="cheakbox" />
  270. 跳高:</label>
  271. <select><option>跳高</option><option>撑杆跳高</option></select><label><br>
  272. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  273. <input type="checkbox" name="checkbox4" value="cheakbox" />
  274. 跳远:</label>
  275. <select><option>跳远</option><option>三级跳远</option></select><label>
  276. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  277. <input type="checkbox" name="checkbox" value="checkbox" />
  278. 投掷:</label>
  279. <select><option>铅球</option>
  280. <option>标枪</option>
  281. <option>铁饼</option>
  282. <option>链球</option></select>
  283. <label>
  284. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  285. <input type="checkbox" name="checkbox4" value="cheakbox" />七项全能(第一天:100米栏、铅球、跳高、200米,第二天:100米栏、铁饼、撑杆跳高、标枪、1500米)</label>
  286. <label>
  287. </td>
  288. </tr>
  289. <TR>
  290. <td align="center" colSpan="4" class="sep1">
  291. <img src="${pageContext.request.contextPath}/images/shim.gif">
  292. </td>
  293. </TR>
  294. <tr>
  295. <td class="ta_01" style="WIDTH: 100%" align="center"
  296. bgColor="#f5fafe" colSpan="4">
  297. <FONT face="宋体">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT>
  298. <button type="reset" value="&#37325;&#32622;" class="button_cancel">&#37325;&#32622;</button>
  299. <FONT face="宋体">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT>
  300. <a href="#">
  301. <input class="reset" type="button" id="input1" onclick="myFunction()" value="提交"/></a>
  302. </td>
  303. </tr>
  304. </table>
  305. </form>
  306. </div>
  307. </body>
  308. </html>