|
下面我们通过一个注册表单对表单中常用的控件进行应用。
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>
查看全套ASP入门教程 （编辑：源码网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
