当前位置:主页   - 电脑 - 网站开发 - ASP
ASP入门教程-使用输入型表单控件
来源:网络   作者:含笑    更新时间:2010-09-26
收藏此页】    【字号    】    【打印】    【关闭

为了让用户通过表单输入数据,可以使用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="重设数据">&nbsp;&nbsp;<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="重设数据">&nbsp;&nbsp;<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、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明