|
盲人如何制作网页》第十讲 网页中表单的制作
所为表单就是我们在网上常常见到的类似留言版或登陆论坛时需要填写信息的页面，表单中主要包括文本框、密码框、单选按钮、复选框、组合框及按钮等控件，本讲我们将一步步学习表单的制作，并了解如何使在表单中所提交的内容从客户端的浏览器页面上显示出来。
表单元素要放在一个表单域里面，建立一个表单域，然后再建立一个接收表单内容的asp文件，使所提交的内容在这个 asp 文件中显示出来。方法有两种，一种是POST，这个方法传送的变量不会在浏览器的地址栏里面显示，可以大批量传送数据；GET则是会在浏览器地址栏里面显示的。在这里我们着重学习一下 POST 。
一、 表单的制作
表单元素主要包括以下几点：
1、 文本域，这个是最基本的，传送的是文本信息，一般用户名、密码都要用这个传送，不过密码需要进行特殊的设置，这样就会以*代替显示出来字符；
2、 单选按钮，这个是让浏览者在两项或两项以上的事先给定的条件中选择其一，比如性别的选择等；
3、 复选框，该控件主要有两种选择，要么选中要么就不选中；
4、 组合框，在这里可以在多项中选择一项，多用于省份或职业的选择；
5、 按钮，在表单中主要用于提交内容或重制表单之用，也可以使用按钮做链接。
请看下面这个完整的表单实例：
<html>
<head>
<title>这是一张表单</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="abc.asp">
姓名：
<input type="text" name="name">
<br>
密码：
<input type="password" name="psw">
<br>
<br>
性别：
<input type="radio" name="sex" value="男">
男
<input type="radio" name="sex" value="女">
女 <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>
</body>
</html>
实例解析：
1、 <form>标签是建立一个表单, 其中属性 name="form1"指定了表单的名称为 form1, 属性method="post"指定该表单域的数据将以 post方式传送, 属性action="abc.asp" 指定该表单域内的信息将传送至 abc.asp文件中；
2、 <input>标签在表单中尤为重要,除组合框以外的其他表单元素均使用该标签进行设置, 其中属性type=""中的参数的不同决定其不同的控件,其参数包括 type="text"(文本框)、 type="password"(密码框)、 type="radio"(单选按钮)、 type="checkbox"(复选框)、 type="button"(按钮)、type="submit"(提交按钮)、type="reset"(重制按钮)；
3、 属性name="name"指定该域的名称，此名称非常重要，接收数据的页面或数据库将识别该名称；
4、 value=""这一属性是指定了单选按钮、复选框或按钮的名称，也就是在浏览该页面的时候在页面中所看到的名称；
5、 <select name="city">的含义是建立一个组合框，其名称为 city;
6、 <option>标签是建立组合框中的一个项,组合框中有多少项就有多少个该标签,selected的含义是把某项设为缺省值;
二、 制作接收表单内容的 asp文件
下面是abc.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
resp
%>
实例解析：
1、 上面这段代码是属于 asp程序，所以要放在 <% 和 %> 之间;
2、 前四行代码是属于典型的复值语句，复值语句的意思就是把等于号右边的值传送给等于号左边的变量，其中request翻译过来是请求的意思，form("city")的含义则是在form这个表单域中的 city参数，因此前四句的功能就是接收了前面表单传来的信息；
责任编辑：
读者评论：
发表评论：
相关文章：
|
