学习目的:学会用表单元素向服务器传送变量,然后显示变量在客户端的浏览器。
首先,让我们来看一下DREAMWEAVER的表单元素。
现在我们来一个个看表单元素:
文本域,这个是最基本的,传送的是文本信息,一般用户名,密码都要用这个传送,不过要是密码的话要在类型里面选择密码,这样就会以*代替显示出来的字符,文本域的名字很重要,以后会用到这个名字所以一般不用默认的名字。
举一个例子:如果文本域的名字是name的话,用来传送网上用户登记的名字,在表单域里面,传送到reg.asp,用POST方法,那么在reg.asp里面这样得到变量如果要显示变量再加一句,response.write
name,这样就形成了一个从客户端到浏览器再回到客户端的过程。如果方法用的是GET的话,那么就改为name=request.querystring("name")实际上两者可以统一为name=request("name")。
再看看按钮,按钮里面无非两种,一种是提交表单的按钮,一种是重新输入的按钮。单选按钮,一个按钮有一个值。在列表里面同样,添加列表选项和值。
举一个例子,实际上各种表单元素都是差不多的,下面是DREAMWEAVER里面的代码,保存为“index.asp”:
姓名:
//文本框,名称为name
密码:
//文本框,用来输入密码,名称为psw
性别:
//单选,名称为sex,数值是"男"
男
//单选,名称为sex,数值是"女"
女
城市:
上海
北京
//复选框,名称为city
备注:
//文本区,名称为content
//提交按钮
再把以下代码保存为“reg.asp”:name=request.form("name")
psw=request.form("psw")
sex=request.form("sex")
city=request.form("city")
content=request.form("content")
response.write name&"
"
response.write psw&"
"
response.write sex&"
"
response.write city&"
"
response.write content
%>提交后显示如下图:
name=request.form("name")
前面的name为变量,要跟response.write
后面的变量名name一样才可以。request.form("name")这里的name是要跟index.asp中姓名的文本框名称
type="text" name="name"> 一样才可以。在response.write name&"
"后面的“&”是“与”、“并且”的意思,“"
"”是HTML代码中的换行的意思,也就是说在后面加&"
"的意思是在每个变量后面都换行,如果不加的话也能显示,不过这些内容都会显示在同一行了。