点击这里给我发消息 点击这里给我发消息

ASP教程-使用输入型表单控件

添加时间:2013-12-6
    相关阅读: 网页 ASP 页面 程序 HTML
 

为了让用户通过表单输入数据,可以使用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、在表单中定义了二个自定义按钮,并通过单击按钮事件(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>

 

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册