weiyong
/
201912G12


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
							<!DOCTYPE html>
<html>
	<head lang="en">
	<meta charset="UTF-8">
	    <title> </title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link rel="stylesheet" href="../css/main.css">
		<link rel="stylesheet" href="../css/silde.css">
	    <script type="text/javascript" >
	    // JS实现选项卡切换
	    window.onload = function(){
	    var myTab = document.getElementById("tab");    //整个div
	    var myUl = myTab.getElementsByTagName("ul")[0];//一个节点
	    var myLi = myUl.getElementsByTagName("li");    //数组
	    var myDiv = myTab.getElementsByTagName("div"); //数组
	
	    for(var i = 0; i<myLi.length;i++){
	        myLi[i].index = i;
	        myLi[i].onclick = function(){
	            for(var j = 0; j < myLi.length; j++){
	                myLi[j].className="off";
	                myDiv[j].className = "hide";
	            }
	            this.className = "on";
	            myDiv[this.index].className = "show";
	        }
	      }
	    }
		
	
	    </script>
	<style>
	.edit{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}
	.edit-bg{position:absolute;width:100%;height:100%;background-color:#000;opacity:.5}
	.edit-center{position:fixed;background:#fff;padding:20px 40px;border-radius:20px}
	.edit-center span{display:inline-block;width:80px;text-align:right;margin-right:5px}
	.edit-center input[type=text]{margin-right:25px;padding:2px 3px}
	.edit-center button{padding:3px 12px;cursor:pointer;margin:0 5px}
	*{padding:0px; margin:0px;}
	      a{ text-decoration:none; color:black;}  //消除链接的下划线
	      a:#tab{width:1000px; padding:10px;height:80px;margin:30px;}
	       #tab ul{list-style:none; display:;height:5px;line-height:5px; border-bottom:2px #C88 solid;}
	       #tab ul li{background:#FFF;cursor:pointer;float:left;list-style:none height:5px; line-height:29px;padding:0px 10px; margin:0px 10px; border:1px solid #BBB; border-bottom:2px solid #C88;}
	       #tab ul li.on{border-top:2px solid Saddlebrown; border-bottom:2px solid #FFF;}
	       #tab div{height:100px;width:250px; line-height:24px;border-top:none;  padding:1px; padding:10px;}
	       .hide{display:none;}
		   
		    *{
	    padding:0px;
	    margn:0px;
	    }
	    table#stuRecordTable{width:1500px;margin:40px auto;text-align: center;}
	    table#stuRecordTable tr{height:50px;}
	
		   </style>
	</head>
	<body>
		<div class="head" id="home">
		<div class="header">
			<div class="menu">
				<ul class="nav" id="nav">
					<li><a href="contact.html">返回</a></li>
					<li><a href="chengjidengji.html" class="active">成绩登记</a></li>
					<li><a href="chengjiguanli.html">成绩管理</a></li>
				</ul>
				</div>
				</div>
				</div>
		        <!----start-top-nav-script---->
		        <script type="text/javascript" src="js/responsive-nav.js"></script>
				<script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){		
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
					});
				});
				</script>
				<br /><br /><br /><br />
		
		<div id="secondPage" class="show">
				     <table id="stuRecordTable" border="1" cellpadding="0" cellspacing="0">
						 
						 <tr>
						 			<td class="ta_01" align="center" bgColor="#afd1f3" colSpan="4"
						 				height="26">
						 				<strong><STRONG>成绩登记</STRONG>
						 				</strong>
						 			</td>
						 		</tr>
								<tr>
									<td width="18%" align="center" bgColor="#f5fafe" class="ta_01">
										参赛者类型：
									</td>
									<td class="ta_01" bgColor="#ffffff" colspan="3">
										<input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
										<label>教师</label>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
										<label>学生</label>
										</td>
								</tr>
								<tr>
									<td align="center" bgColor="#f5fafe" class="ta_01">
										 项目类别：
									</td>
									<td class="ta_01" bgColor="#ffffff">
										<input type="radio" name="test" id="test" value=""/>
										<label>田赛</label>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<input type="radio" name="test" id="test" value=""/>
										<label>竞赛</label>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<input type="radio" name="test" id="test" value=""/>
										<label>其它</label>
									</td>
								</tr>
								<tr>
									<td align="center" bgColor="#f5fafe" class="ta_01">
										项目适用性别：
									</td>
									<td class="ta_01" bgColor="#ffffff">
										<input type="radio" name="sex" id="sex男性" value="男性"/><label for="sex男性">男性</label>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<input type="radio" name="sex" id="sex女性" value="女性"/><label for="sex女性">女性</label>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								        <input type="radio" name="sex" id="sex不分性别" value="不分性别"/><label for="sex不分性别">不分性别</label>
									</td>
									</tr>
									<tr>
										<td align="center" bgColor="#f5fafe" class="ta_01">
											 编号（学号/教工号）：
										</td>
										<td class="ta_01" bgColor="#ffffff">
											<input type="text" name="password" />
										</td>
										</tr>
										<tr>
										<td align="center" bgColor="#f5fafe" class="ta_01">
											 项目：
										</td>
										<td class="ta_01" bgColor="#ffffff">
											<select>
											<option>男子短跑50米</option>
											<option>男子短跑100米</option>
											<option>男子短跑400米</option>
											<option>男子4*100米接力跑</option>
											<option>男子跳高</option>
											<option>男子跳远</option>
											<option>男子三级跳远</option>
											<option>男子跨栏</option>
											<option>男子投掷</option>
											<option>女子短跑50米</option>
											<option>女子短跑100米</option>
											<option>女子短跑400米</option>
											<option>女子4*100米接力跑</option>
											<option>女子跳高</option>
											<option>女子跳远</option>
											<option>女子三级跳远</option>
											<option>女子跨栏</option>
											<option>女子投掷</option>
											<option>场地赛5公里</option>
											<option>场地赛10公里</option>
											</select>
										</td>
						            </tr>
									<tr>
									<td align="center" bgColor="#f5fafe" class="ta_01">
										 成绩：
									</td>
									<td class="ta_01" bgColor="#ffffff">
										<input type="text" name="grade" />
									</td>
									</tr>
									<TR>
										<td align="center" colSpan="4" class="sep1">
											 
										</td>
									</TR>
									<tr>
										<td class="ta_01" style="WIDTH: 100%" align="center"
											bgColor="#f5fafe" colSpan="4">
											
											
															<INPUT class="button_ok" type="button" onclick="myFunction()" value="提交"/>
															
															 
														</td>
													</tr>
						 </table>
						
					</div>
					<script>
						function myFunction(){
						  alert("提交成功！");
						}
					</script>
				
	</body>
</html>