程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> ASP編程 >> ASP入門教程 >> ASP入門教程-使用輸入型表單控件

ASP入門教程-使用輸入型表單控件

編輯: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>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved