为了让用户通过表单输入数据,可以使用INPUT标记创建各种表单控件,通过将INPUT标记的TYPE属性设置为不同的值,可以创建不同类型的输入型表单控件。
1、单行文本框,格式如下:
一)格式:
<form name="表单的名称" method="get | post" action="URL">
<input type="text" name="字符串" value="字符串" size="整数" maxlength="整数">
</form>
二)属性:
单行文本框具有以下属性(表一)
属 性 含 意
NAME 指定文本框的名称,通过它可以在脚本中引用该文本框。
VALUE 指定单行文本框的初始值。
SIZE 指定单行文本框的宽度。
MAXLENGTH 指定允许在文本框内输入的最大字符数。
三)实例的代码:
实例1(1.asp)
<html>
<head><title>简单的登录表单</title>
</head>
<body>
<form method="post" name="form1" action="1.asp">
<table align="center" bgcolor="#d6d3ce" width="500">
<tr bgcolor="#0099cc">
<th colspan="2" align="center">
<font color="#fffff">登录表单</font></th>
</tr>
<tr>
<td align="right" width="150" height="50">用户名:</td>
<td width="350" height="50"><input type="text" name="姓名" size="20"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="reset" name="reset1" value="重设数据"> <input type="submit" name="submit1" value="提交数据">
</tr>
</table>
</form>
<%
dim t1,a,b
t1=request.form("姓名")
if t1<>"" then
a="<center><b>您的姓名为:"
b="</b></center>"
response.write a & t1 & b
else
response.write "<center><b>您还没有输入大名</b></center>"
end if
%>
</body>
</html>
2、在表单中使用密码控件。格式如下:
一)格式:
<form name="表单的名称" method="get | post" action="URL">
<input type="password" name="字符串" value="字符串" size="整数" maxlength="整数">
</form>
其属性有NAME、VALUE、SIZE 和 MAXLENGTH 四项,其含意请参见表一。
二)实例代码:
实例2(2.asp)
<html>
<head><title>简单的登录表单</title>
</head>
<body>
<form method="post" name="form1" action="2.asp">
<table align="center" bgcolor="#d6d3ce" width="500">
<tr bgcolor="#0099cc">
<th colspan="2" align="center">
<font color="#fffff">登录表单</font></th>
</tr>
<tr>
<td align="center" width="250" height="50">用户名:<input type="text" name="姓名" size="14"></td>
<td align="center" width="250" height="50">密码:<input type="password" name="密码" size="14"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="reset" name="rest1" value="重设数据"> <input type="submit" name="submit1" value="提交数据">
</tr>
</table>
</form>
<%
dim t1,ps,a,b,c
t1=request.form("姓名")
ps=request.form("密码")
if t1<>"" and ps<>"" then
a="<center><b>您的姓名为:"
b="</b></center>"
c="<center><b>您的密码为:"
response.write a & t1 & b & "<br>"
response.write c & ps & b
else
response.write "<center><b>您还没有输入大名和密码。</b></center>"
end if
%>
</body>
</html>
3、在表单中添加按钮控件,格式如下:
一)格式:
<form name="表单的名称" method="get | post" action="URL">
<input type="submit|reset|button" name="字符串" value="字符串" onClick="过程名">
</form>
二)属性
按钮控件具有以下属性(表二)
属 性 含 意
NAME 指定按钮控件的名称。
VALUE 指定单行按钮控件的初始值。
TYPE 指定按钮控件的类型,取值有以下三种。
1、submit: 创建一个提交按钮。在表单中添加提交按钮后,站点访问者可以在填写好表单之后提交。当提交表单时,表单数据(包括提交按钮的名称和值)以ASCII文本形式送到由表单的action属性指定的表单处理程序。一般来说,表单中必须有一个提交按钮。
2、reset: 创建一个重置按钮。在表单中添加重写按钮后,站点访问者可以将表单重新设回其默认值。单击该按钮时,将删除任何已经输入到域中的文本并清除所做的任何选择。但是,如果框中含有默认文本或选项为默认,单击重置按钮将会恢复这些设置值。
3、button: 创建一个自定义按钮。在表单中添加自定义按钮时,为了赋予按钮某种操作,必须为按钮编写脚本。
三)事件:
按钮控件还支持 onClick 事件。
四)实例代码:
实例3(3.asp)
<HTML>
<HEAD><TITLE>在表单中使用按钮控件</TITLE>
<SCRIPT LANGUAGE="VBSCRIPT">
SUB MYSUB()
AB="这是按钮的单击事件"
MSGBOX AB
END SUB
SUB MYSUB1()
Window.location.href=http://bianceng.cn
end sub
</SCRIPT>
</HEAD>
<BODY>
<center><H3>调用事件过程</H3><HR WIDTH="70%" color="#009999">
<INPUT TYPE="BUTTON" NAME="BUTTON" VALUE="事件" ONCLICK="MYSUB">
<INPUT TYPE="BUTTON" NAME="BUTTON1" VALUE="网易" ONCLICK="MYSUB1">
</center>
</BODY>
</HTMl>
五)代码注解:
1、在表单中定义了二个自定义按钮,并通过单击按钮事件(onClick)分别调用名为MYSUB和名为MYSUB1二个过程。
2、MYSUB()过程的功能是弹出一个信息框。
3、MYSUB1()过程的功能是将当前网页跳转到网易的首页。
4、在表单中添加图形化按钮,格式如下:
一)格式:
<form name="表单的名称" method="get | post" action="URL">
<input type="image" src="URL" name="字符串">
</form>
二)属性:
图形化按钮具有以下属性(表三)
属 性 含 意
NAME 指定图形化按钮的名称。
TYPE="IMAGE" 表示以一个图像作为提交按钮。
URL 指定图像的URL地址。
三)实例的代码:
实例4(4.asp)
<HTML>
<HEAD><TITLE>图形化按钮的使用</TITLE>
<SCRIPT LANGUAGE="VBSCRIPT">
SUB MYSUB1()
Window.location.href="response.redirect file
else
response.write "您还没有访问此页面的权限"
end if
%>
</center>
</body>
</html>