下面我们通过一个注册表单对表单中常用的控件进行应用。
1、注册表单页代码:(login.htm)
<HTML>
<HEAD><TITLE>注册表</TITLE>
<style type="text/css">
<!--
body,td,th {
font-size: 11pt;
color: #009999;
line-height: 1.5;
}
body {
background-color: #ffffff;
margin-top: 0px;
margin-bottom: 0px;
}
a:link {
color: #0000FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}
.style2 {color: #0000FF}
.style4 {color: #FF0000}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></HEAD>
<body background="4.jpg">
<br><br><br><br><br><br>
<form name="form1" method="post" action="show.asp">
<table width="580" border="2" align="center" bgcolor="#b5b5b4">
<tr bgcolor="#000066" height="40">
<td colspan="2" align="center"><font color="#fffff"><b>请 注 册</b></font></td>
</tr>
<tr height="30">
<td align="center">姓名:
<input type="text" name="姓名"></td>
<td align="center">密码:
<input type="password" name="密码"></td>
</tr>
<tr height="30"align="center">
<td>男:
<input type="radio" name="性别" value="男" checked>
女:
<input type="radio" name="性别" value="女"></td>
<td>学历: <select name="学历" style="width:156px">
<option value="初中">初中
<option value="高中">高中
<option value="中专">中专
<option value="大专">大专
<option value="本科" selected>本科
<option value="研究生">研究生
<option value="博士生">博士生
</select></td>
</tr>
<tr height="30" align="center">
<td colspan="2">
<input type="checkbox" name="爱好" value="读书">读书
<input type="checkbox" name="爱好" value="郊游">郊游
<input type="checkbox" name="爱好" value="跳舞">跳舞
<input type="checkbox" name="爱好" value="唱歌">唱歌
<input type="checkbox" name="爱好" value="看新闻">看新闻
<input type="checkbox" name="爱好" value="聚会">聚会
</td>
</tr>
<tr>
<td colspan="2">
<font color="red"><b> 您最喜欢的格言:</b></font>
<p> <textarea name="格言" rows="6" cols="70"> 世上要学的、要懂的、要知道的东西太多了,而人无全才,所以我做人的原则是:永远不去讥笑那些在某一方面比自己弱的人。</textarea></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="提交" value=" 提 交 ">
<input type="reset" name="重置" value=" 重 置 ">
</td>
</tr>
</table>
</form>
</body>
</HTML>
2、信息显示页面(show.asp)
<HTML>
<HEAD><TITLE>注册表</TITLE>
<style type="text/css">
<!--
body,td,th {
font-size: 11pt;
color: #009999;
line-height: 1.5;
}
body {
margin-top: 0px;
margin-bottom: 0px;
}
a:link {
color: #0000FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}
.style2 {color: #0000FF}
.style4 {color: #FF0000}
-->
</style>
<body background="4.jpg">
<br><br><br><br><br><br>
<%
dim name,ps,sex,schoolage,like1,adage
name=request.form("姓名")
ps=request.form("密码")
sex=request.form("性别")
if sex="男" then
sex="帅哥"
else
sex="亮妹"
end if
schoolage=request.form("学历")
like1=request.form("爱好")
adage=request.form("格言")
%>
<center>
<table border="2" width="500">
<tr>
<th colspan="2" bgcolor="#009966"><font color="#ffffff">您 的 资 料 如 下 :</font></th>
</tr>
<tr align="center" height="350" valign="middle" bgcolor="#FFFFFF">
<td aling="center">
欢迎<%=name %><%=sex %>的光临!<p>
您的爱好是:<%=like1 %><p>
您的学历是:<%=schoolage %><p>
您的密码是:<%=ps %><p>
<table>
<tr><th><font color="red">您的格言是:</font><p></th></tr>
<tr>
<td>
<%=adage %>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</HTML>
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |