下面我们通过一个注册表单对表单中常用的控件进行应用。 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入门基础"教程>>>>> (责任编辑:admin) |