九天学会ASP之第二天

学习目的：学会用表单元素向服务器传送变量，然后显示变量在客户端的浏览器。

答案：
首先，让我们来看一下DREAMWEAVER的表单元素。
表单元素要放在一个表单域里面，建立一个表单域。然后修改动作里面的文件为要接受这个表单变量的ASP文件。方法有两种，一种是POST，这个方法传送的变量不会在浏览器的地址栏里面显示，可以大批量传送数据；GET则是会在浏览器地址栏里面显示的，等一会举例子。

现在我们来一个个看表单元素：
文本域，这个是最基本的，传送的是文本信息，一般用户名，密码都要用这个传送，不过要是密码的话要在类型里面选择密码，这样就会以*代替显示出来的字符，文本域的名字很重要，以后会用到这个名字所以一般不用默认的名字。
举一个例子：如果文本域的名字是name的话，用来传送网上用户登记的名字，在表单域里面，传送到reg.asp，用POST方法，那么在reg.asp里面这样得到变量<%name=request.form("name")%>如果要显示变量再加一句，response.write name，这样就形成了一个从客户端到浏览器再回到客户端的过程。如果方法用的是GET的话，那么就改为name=request.querystring("name")实际上两者可以统一为name=request("name")。
再看看按钮，按钮里面无非两种，一种是提交表单的按钮，一种是重新输入的按钮。单选按钮，一个按钮有一个值。在列表里面同样，添加列表选项和值。
举一个例子，实际上各种表单元素都是差不多的，下面是DREAMWEAVER里面的代码，保存为“index.asp”：
<form name="form1" method="post" action="reg.asp">
姓名： 
<input type="text" name="name"> //文本框，名称为name
<br>
密码： 
<input type="password" name="psw"> //文本框，用来输入密码，名称为psw
<br>
<br>
性别： 
<input type="radio" name="易做图" value="男"> //单选，名称为易做图，数值是"男" 
男 
<input type="radio" name="易做图" value="女"> //单选，名称为易做图，数值是"女" 
女 <br>
<br>
城市： 
<select name="city">
<option value="上海" selected>上海</option> 
<option value="北京">北京</option>
</select>//复选框，名称为city
<br>备注：<textarea rows="5" name="content" cols="26"></textarea> 
//文本区，名称为content<br>
<input type="submit" name="Submit" value="提交"> //提交按钮 
<input type="reset" name="Submit2" value="重置">
</p>
</form>

再把以下代码保存为“reg.asp”：<%
name=request.form("name")
psw=request.form("psw")
易做图=request.form("易做图") 
city=request.form("city")
content=request.form("content")
response.write name&"<br>"
response.write psw&"<br>"
response.write 易做图&"<br>"
response.write city&"<br>"
response.write content
%> 

name=request.form("name") 前面的name为变量，要跟response.write 后面的变量名name一样才可以。request.form("name")这里的name是要跟index.asp中姓名的文本框名称<input type="text" name="name"> 一样才可以。在response.write name&"<br>"后面的“&”是“与”、“并且”的意思，“"<br>"”是HTML代码中的换行的意思，也就是说在后面加&"<br>"的意思是在每个变量后面都换行，如果不加的话也能显示，不过这些内容都会显示在同一行了。

上一个：九天学会ASP之第一天
下一个：九天学会ASP之第三天