ASP入門教程-表單的綜合執行個體

來源:互聯網
上載者:User

下面我們通過一個註冊表單對錶單中常用的控制項進行應用。

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>學曆:&nbsp;&nbsp;&nbsp;<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="讀書">讀書&nbsp;
<input type="checkbox" name="愛好" value="郊遊">郊遊&nbsp;
<input type="checkbox" name="愛好" value="跳舞">跳舞&nbsp;
<input type="checkbox" name="愛好" value="唱歌">唱歌&nbsp;
<input type="checkbox" name="愛好" value="看新聞">看新聞&nbsp;
<input type="checkbox" name="愛好" value="聚會">聚會&nbsp;
</td>
</tr>
<tr>
<td colspan="2">
<font color="red"><b>&nbsp;&nbsp;您最喜歡的格言:</b></font>
<p> <textarea name="格言" rows="6" cols="70">&nbsp;&nbsp;&nbsp;&nbsp;世上要學的、要懂的、要知道的東西太多了,而人無全才,所以我做人的原則是:永遠不去譏笑那些在某一方面比自己弱的人。</textarea></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="提交" value=" 提 交 ">&nbsp;
<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>

查看全套ASP入門教程

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.