为了让用户通过表单输入数据,可以使用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>