如果你熟悉DREAMWEAVER的话，可以发现上图就是DREAMWEAVER中常见工具栏，如果你对DREAMWEAVER不了解的话也没关系，打开DREAMWEAVER单击上图“表单”旁边的三角箭头，切换到“表单”状态即可，非常简单。

    表单元素要放在一个表单域里面，建立一个表单域（点上图中的划红圈的地方，点击后，如果在工作界面中出现一个红色的虚线即可）。然后修改上图所示属性栏中的“方法”属性，“方法”有两种，一种是POST，这个方法传送的变量不会在浏览器的地址栏里面显示，可以大批量传送数据；GET则是会在浏览器地址栏里面显示的，等一会举例子。

    下面依下图所示建四个表单元素。1、文本域，这个是最基本的，传送的是文本信息，一般用户名，密码都要用这个传送，不过要是密码的话要在类型里面选择密码，这样就会以*代替显示出来的字符，文本域的名字很重要，以后会用到这个名字所以一般不用默认的名字。现在举一个例子：如果文本域的名字是name的话，用来传送网上用户登记的名字，在表单域里面，传送到reg.asp，用POST方法，那么在reg.asp里面这样得到变量<%name=request.form("name")%>如果要显示变量再家加一句，response.write name，这样就形成了一个从客户端到浏览器再回到客户端的过程。如果方法用的是GET的话，那么就改为name=request.querystring("name")实际上两者可以统一为name=request("name")。下面看看按钮，按钮里面无非两种，一种是提交表单的按钮，一种是重新输入的按钮。单选按钮，一个按钮有一个值。在列表里面同样，添加列表选项和值。下面举一个例子，实际上各种表单元素都是差不多的。

如果你不是很懂的话不要紧，先照图做一下再说，如果按上图要求做好的话，那么你切换DREAMWEAVER代码窗口中，就会看到代码窗口已经自动生成如下代码。
<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="sex" value="男"> //单选，名字叫sex，数值是"男"
男
<input type="radio" name="sex" value="女"> //单选，名字叫sex，数值是"女"
女 <br>
<br>
城市：
<select name="city">
<option value="上海" selected>上海</option> //复选，大家自己分析一下
<option value="北京">北京</option>
</select>
<br>
<input type="submit" name="Submit" value="提交"> //提交按钮
<input type="reset" name="Submit2" value="重置">
</form>
熟悉DREAMWEAVER的人应该知道，如果不按上图去做，直接在代码窗口中输入以上代码，效果是一样的。
将上面的DREAMWEAVER文件保存为example2.asp文件。

再新建一个页面，在代码窗口中输入下列代码：
<%
name=request.form("name")
psw=request.form("psw")
sex=request.form("sex")
city=request.form("city")
response.write name
response.write psw
response.write sex
response.write city
%>
将上面的DREAMWEAVER页面保存为reg.asp文件。

然后将example2.asp和reg.asp两个文件复制到IIS的站点文件夹（如果不清楚的话，请参见前一章，asp学习第一课:入门与调试环境）

最后打开IE，在地址栏中输入http://你的IP/example2.asp即可打开你编的ASP程序。如下图所示：

输入相应信息后，点“提交”，效果如下图所示：

说明：本节课内容要注意的是，既可以用工具栏生成代码，也可以直接在代码窗口中输入代码。本节课代码请点击下载！