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

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

时间: 2024-11-02 14:51:54

ASP入门教程-使用输入型表单控件的相关文章

ASP入门教程-使用其他表单控件

除了使用INPUT标记创建输入型表单控件外,也可以使用TEXTAREA标记创建多行文本框,或使用SELECT标记创建选项选单,还可以使用FIELDSET标记以表单中的控件进行分组. 1.在表单中使用多行文本框控件 一)格式: <form name="表单的名称" method="get | post" action="URL"> <TEXTAREA name="字符串" ROWS="整数"

全面解析Bootstrap表单使用方法(表单控件)_javascript技巧

一.输入框input 单行输入框,常见的文本输入框,也就是input的type属性值为text. 在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstrap框架都是通过input[type="?"] (其中?号代表type类型,比如说text类型,对应的是input[type="text"])的形式来定义样式的. 为了让控件在各种表单风格中样式不出错,需要添加类名".form-con

ASP.NET中的XML表单控件

asp.net|xml|控件 导 读:介绍了有关ASP.NET中XML控件的使用,有个小BUG:在WEBFORM.ASPX中出现的XML控件,其中的transformsource属性设定了样式表文件路径,可是在文章出处没有找到这个XSL文件.:( 自己解决吧. --------------------------------------------------------------------------------在这个代码中揭示了微软在ASP.NET架构中隐藏的一个WEB表单控件,即<as

QuickPager asp.net 分页控件、表单控件等自定义控件下载 和介绍 【2009.09.07更新】

    最新下载地址: 自然框架的源代码.Demo.数据库.配置信息管理程序下载(2010.01.25更新)     QuickControl web控件集包含的控件 QuickControl web控件集--基本控件: 控件名称 说明 详细介绍 MyTextBox  继承TextBox,增加了几个属性,继承IControlMgr接口 进入 MyDropDownList  继承DropDownList,增加了几个属性,继承IControlMgr接口 进入 MyCheckBoxList  继承Ch

Vue.js每天必学之表单控件绑定_javascript技巧

基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定.根据控件类型它自动选取正确的方法更新元素.尽管有点神奇,v-model 不过是语法糖,在用户输入事件中更新数据,以及特别处理一些极端例子. Text <span>Message is: {{ message }}</span> <br> <input type="text" v-model="message" placeholder="edit

Vue.js表单控件实践_javascript技巧

最近项目中使用了vue替代繁琐的jquery处理dom的数据更新,个人非常喜欢,所以就上官网小小地实践了一把. 以下为表单控件的实践,代码敬上,直接新建html文件,粘贴复制即可看到效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>PlayAround2 Have Fun</title> <sc

Bootstrap所支持的表单控件实例详解_javascript技巧

 Bootstrap所支持的表单控件如下所示: Bootstrap 支持最常见的表单控件,主要是 input.textarea.checkbox.radio 和 select. 输入框(Input) 最常见的表单文本字段是输入框 input.用户可以在其中输入大多数必要的表单数据.Bootstrap 提供了对所有原生的 HTML5 的 input 类型的支持,包括:text.password.datetime.datetime-local.date.month.time.week.number.

学习vue.js表单控件绑定操作_javascript技巧

本文实例为大家分享了vue.js表单控件绑定的具体代码,供大家参考,具体内容如下 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单控件绑定</title> </head> <body> <!-- v-model在表单控件元素上实现数据的双向绑定 -->

Bootstrap系列 -- 14. 表单控件输入框input

  每一个表单都是由表单控件组成.离开了控件,表单就失去了意义.接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识. 单行输入框,常见的文本输入框,也就是input的type属性值为text.在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstrap框架都是通过input[type="?"](其中?号代表type类型,比如说text类型,对应的是input[type="text"