首頁 > 開發者 > ASP

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

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

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

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入門教程

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
asp or asp net asp to asp net asp net and asp asp language asp tags newline asp substring asp
相關文章
ASP學習總結：錯誤碼
反爬蟲：利用ASP.NET MVC的Filter和緩衝（入坑出坑）
ASP.NET Core 2.0利用MassTransit整合RabbitMQ
實戰中的asp.net core結合Consul叢集&Docker實現服務治理
asp DateDiff實現文字在特定時間後消失
設定和讀取ASP.Net全域變數的方法

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More