📄 60aedaee693e001d1596a74332e14de5

📁 自己做的一个火车票售票网站是课程设计用的是servlet+jsp 数据库是ms
💻
字号:
<%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
html,body,img,ul,li,h3,form,a{margin:0;padding:0;}
body{
font-family:"宋体";
font-size:12px;}
a{color:#000000;
text-decoration:none;}
a:hover{color:#FF0000;}
img{border:0}
#header{width:760px;

}
#sub1{background-image:url(img/f5bb2058433f7bd09d82045f.jpg);}
#top{
padding:0;
margin:0;
width:100%;
height:70px;
background-image:url(img/health08.gif);
background-repeat:repeat;
border-bottom:2px dashed #e4da56;
	position:relative;
}
#left{
margin:0;
padding:0;
float:left;
}
#right {
	margin:0;
	padding:0;
	position:absolute;
	right: 20px;
	bottom: 0px;
}
#right ul{float:right;
}
#right li{display:inline;}
#bottom{clear:both;
border:1px solid #e4da56;
margin-top:10px;
padding:5px 5px;}
#bottom ul li{display:inline;
font-family:"黑体";
font-size:15px;
padding-right:10px;}
#bottom ul{text-align:left;}
#bottom span{color:#FF0000;}
#bottom2{float:left;width:100%;margin-top:20px;}
#bottom2-1{width:100%;}
#bottom2-1 ul li {

float:left;
border-left:2px solid #e4da56;
border-right:2px solid #e4da56;
margin-right:2px;
border-top:2px solid #e4da56;
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:10px;}
#bottom2-2{clear:both;text-align:left;padding:20px;height:80px;width:587px;
border-left:2px solid #e4da56;
border-right:2px solid #e4da56;
border-bottom:2px solid #e4da56;
float:left;
font-family:"黑体";
font-size:15px;}
#bottom2-2 span{color:#FF0000;}
.dis{display:block;}
.undis{display:none;}
.change{border-top:2px solid #e4da56;
border-left:2px solid #e4da56;
border-right:2px solid #e4da56;
border-bottom:2px solid #ffffff;}
.unchange{background-color:#e4da56;}
.inputstyle{
background-image:url(img/search1.gif);
width:82px;
border:none;
}
.inputstyle2{
background-image:url(img/amusement18.gif);
width:44px;
border:none;
}
.inputstyle1{border:1px solid #000000;}
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
function go(o){return document.getElementById(o);}
function hover(n){
for (var i=1;i<4;i++){
go('tab_'+i);go('tab'+i).className='undis';go('tab_'+i).className='unchange'}
go('tab'+n).className='dis';
go('tab_'+n).className='change';
go('tab_'+n);}
</script>
</head>

<body>
<center>
<div id="header">
<div id="top">
<div id="sub1">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','760','height','120','title','xianshi','src','flash/1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/1','wmode','transparent' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="760" height="120" title="xianshi">
  
  <param name="movie" value="flash/1.swf" />
  <param name="quality" value="high" />
  
  
  <param name="wmode" value="transparent" />
  <embed src="flash/1.swf" width="760" height="120" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</noscript>
</div>
<div id="left">
f<img src="img/train.gif" />
</div>
<div id="right">
<ul>
<li><img src="img/health10.gif" /></li>
<li><a href="main.jsp" target="_top"><img src="img/images021.gif"/></a></li>
<li><img src="img/health10.gif" /></li>
<li><a href="zhuce1.jsp" target="_top"><img src="img/bt_register_b.gif"/></a></li>
</ul>
</div>
</div>
<div id="bottom">
<script type="text/javascript" src="Scripts/validation-framework.js"></script>
<form name="loginform" action="/kechengsheji/LoginServlet" method="post" target="_top" id="loginform" onsubmit="return doValidate(this)">
<ul>
<li><span>User :</span><input type="text"  name="userName" class="inputstyle1"/></li>
<li><span>Password  :</span><input type="password" name="userPassword" class="inputstyle1" /></li>
<li><input type="submit"  class="inputstyle2" value="" /></li>
</ul>
</form>
</div>
<div id="bottom2">
<div id="bottom2-1">
<ul>
<li id="tab_1" class="change" onmouseover="hover(1)"><h3>始发/终点(站)搜索</h3></li>
<li id="tab_2" class="unchange" onmouseover="hover(2)"><h3>车站查询</h3></li>
<li id="tab_3" class="unchange" onmouseover="hover(3)"><h3>车次查询</h3></li>
</ul>
</div>
<div id="bottom2-2">

<div id="tab1" class="dis"><form action="/kechengsheji/StartEndServlet" method="post" target="_top" name="form1" id="form1" onsubmit="return doValidate(this)"><img src="img/d_search.gif" />我要搜&nbsp;<span>始发站</span><input type="text" value="哈尔滨" name="start" class="inputstyle1"/>&nbsp;<span>终点站</span><input type="text" name="end" class="inputstyle1"/>&nbsp;<input type="submit"  class="inputstyle" value="" /><br /><p></p>
(本站只提供哈尔滨列车时刻服务，所以默认始发站为<span>哈尔滨</span>)</form>
</div>
<div id="tab2" class="undis"><form action="/kechengsheji/ChezhanServlet" method="post" target="_top"><img src="img/d_search.gif" />我要搜&nbsp;<span>车站</span><input type="text" class="inputstyle1" name="ChezhanName" />&nbsp;<input type="submit" class="inputstyle" value=""/><br /><p></p>
(查询进过<span>本车站</span>的所有列车车次)
</form>
 </div>
<div id="tab3" class="undis"><form action="/kechengsheji/CheciServlet" method="post" target="_top"><img src="img/d_search.gif" />我要搜&nbsp;<span>车次</span><input type="text" class="inputstyle1" name="CheciNumber"/>&nbsp;<input type="submit" class="inputstyle" value="" /><br /><p></p>
(查询<span>此车次</span>的详细路线)
</form>
</div>

</div>
</div>

</div>

</center>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -