下面我們通過一個注冊表單對表單中常用的控件進行應用。
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>
