七、表單
1. 概述
建立互動式的站點，需要使用 HTML 表單，它可以讓使用者提供資訊，并對此作出處理。可以建立類似
複選框、單選按鈕及文本框的控件。
掌握表單的使用對 Active Server Pages 程式設計是必需的。 ASP 腳本的一個主要功能是對 HTML 表單中
輸入資訊進行處理，是以，表單是 ASP 應用程式中主要的使用者接口，學習表單有關知識，為以後的
ASP 學習奠定基礎。
建立 HTML 表單，可以使用 <FORM> 标記，下面是簡單的表單例子
<HTML>
<HEAD>
<Title>a simple example page -FORM [ 人文教程 ] </title>
</HEAD>
<BODY>
<FORM>
<INPUT>
</FORM>
</HTML>
當該檔案在浏覽器上顯示時，一個三維外觀的框顯示在浏覽器中 , 你可以在框中輸入文字。但輸入
文字後什麼也不會發生。該表單沒有實 際用途。
該例的問題是 : 表單不知道你已經輸入資訊完畢。解決這個問題，需要加入另一個表單元素：送出
按鈕 submit 。下面的例子是同一個表單，隻是加了一個 submit 按鈕：
<Title> a simple example page –FORM 表單 </Title>
<INPUT TYPE=Submit Value=” 确定 ”>
</BODY>
修改後檔案，出現了“确定”文字的按鈕，用滑鼠點選這個按鈕，通知浏覽器－表單的文本框中已
輸完資訊。
表單将資訊收集後，一般情況下，要将輸入的資訊交給一個背景的程式去處理，如何交給别的程式，
需要借助表單的 ACTION 屬性
假如要将資訊交給某個 ASP 程式 mypage.asp 來處理，可以這樣寫：
<TITLE>a simple example page -FORM [ 人文教程 ] </ TITLE >
<BODY >
<FORM ACTION ＝“ /somedirectory/mypage.asp ” METHOD= “ POST ” >
<INPUT TYPE=SUBMIT VALUE=” 确定 ”>
在此例中， ACTION 和 METHOD 屬性指明表單資訊由名為 mypage.asp 的 Active Server Pages 程式去處
理。 ACTION 屬性給出了 Active Server Pages 的路徑， METHOD 屬性指明表單資訊通過何種方式送出。
例中，在文本框中輸入的表單資訊通過 post 方式送給 Active Server Pages 。
POST 容許傳送大量資料，但 GET 則隻接受低於 1K 的資料。
幾乎所有情況， <FORM> 标記都和本例的用法一樣，用 ACTION 指定處理表單的程式，并通過 METHOD 指定
表單資訊發送方式。
在上例，還要加入一條語句才能使之實用。包含例如文本框之類的表單元素時， 應為每個表單元素起
一個名字。你可以通過 <INPUT> 的 NAME 屬性來實作這一點。下面的例子有兩個不同的文本框，分别叫
作 text1 和 text2 ：
<FORM ACTION ＝“ somedirectory/mypage.asp ” METHOD= “ Get ” >
<INPUT NAME=“text 1” >
<INPUT NAME=“text 2” >
例中，名為 text1 的文本框中輸入的資訊被傳給程式處理時，将會與名字 text1 相關聯，第一個文本
框中輸入資訊就與其它表單元素（文本框）中輸入的資訊差別開來。
表單資訊将會送到在 ACTION 屬性中指定的程式，資訊包括用 & 符号分隔的名字和值。如果在第一個文
本框中輸入 your first name ，在第二個文本框中輸入 your last name ，則送去處理的資訊将會是：
text1=yourfirstname&text2=yourlastname
事實上，在發送之前，表單資訊要先編碼。當文本編碼後，文本被一些特定的字元替換了。例如，
空格符被加号（ + ）代替。是以如果你在第一個文本框中輸入 This is textbox1 ，而在第二個文本框中
輸入 This is textbox2 ，則下列的文本将會被送去處理：
text1=This+is+textbox1&text2=This+is+textbox2
在以後的 ASP 課程中，将學習如何處理這些又網頁送出的資訊。
2. 表單輸入的形式
A. 單行文字框
Type ＝ “ Text ” 能輸入單行文字，上限為 255 字元
例 :
<input type ="Text" name ="age" value ="20" align ="MIDDLE" maxlength ="255">
name ： 單行文字輸入框的名字，由處理程式接收該框的資訊。
Value ： 單行文字框的初始值，可省略。
Align ： 文字的位置，可選值： top, middle, bottom, left, right 。
Size: 限制輸入框的寬度
Maxlength ： 此一單行文字盒可輸入字元的上限
例：
<form action=telphone.asp method="POST">
請填入電話号碼： <input type="Text" name="telphone" value=" " Size=10 Maxlength="8">
</form>
B. 單選框
Type= “ Radio ” 給出單選按鈕 ，能産生一個單選框，
<input type= "Radio" name="country" value="US&ENGL" align="MIDDLE" checked>
checked ： 設該 Radio 為内定被選。同 name 的各個 Radio 中隻能有一個使用，或全不使用
<form action="Iraqwar.asp" method="POST"> 請選支援的國家：
<input type="Radio" name="country" value="US&ENGL"> 美英
<input type="Radio" name="country" value="IRAQ" checked > 伊拉克
<P> 您認為美英聯軍對伊拉克的戰争是違背國際法嗎？
<P>
<input type="Radio" name="like" value="Yes"> 是
<input type="Radio" name="like" value="No"> 不是
<input type="Radio" name="like" value="NotSure"> 不清楚
C. 複選框
Type = “ Checkbox ” , 能産生複選框，以供挑選
例如： <input type= "Checkbox" name="Car" value="JETTA" align="Middle" checked>
checked : 設該 Checkbox 為内定被選。每個 Checkbox 都是獨立的，是以每一個都可使用這參數，不像 Radio 。
<form action=" Car.asp" method="POST">
<br> 你喜歡以下那些汽車：
<input type="Checkbox" name="Clik1" value="JETTA"> 捷達
<input type="Checkbox" name="Clik2" value="STN"> 桑塔納
<input type="Checkbox" name="Clik3" value="TOYATA" > 豐田
<input type="Checkbox" name="Clike4" value="CHINA" checked> 中華
Type = “ Password ” , 能産生一文字框，輸入的字元全以 * 号表示，其他參數和 Text 是完全相同的。
<form action=" Pwd.asp" method=" POST ">
請輸入 ID ： <input type="Text" name="name"> <br>
請輸入密碼： <input type="Password" name="pw" maxlength="9">
E 确認和重置按鈕
表單的兩個重要的輸入按鈕
Type=“ Submit ” 确認
Type=“ Reset ” 重置
<input type="Submit" name="subm" value=" 确認 align="MIDDLE">
<input type="Reset" value=" 清除 " align="MIDDLE">
value=" 送出 " ，顯示在按鈕上，可以不用，确認的内定值為 Submit Query
value=" 清除 " 顯示在按鈕上，重置的内定值為 Reset
<br><br>
<input type="Submit" name="subm" value=" 送出 "
align="MIDDLE">
F. 清單框 (Selectable Menu)
<select name=*>
<option> ...
</select>
<SELECT> 是清單框标記，清單中的選項由 <OPTION> 給出。
<form action="citychoice.asp" method="POST"> Which city you like?
<select name="Citylike">
< option value="cd"> 成都 </option>
<option value="sh" selected > 上海 </option>
<option value="sz"> 深圳 </option>
<option value="qd"> 青島 </option>
<option value="km"> 昆明 </option>
selected : 表示該選項被預選
<form action="citychoice.asp" method="POST"> Which city you like?
<select name="Citylike" size=4 >
< option value="cd" selected > 成都 </option>
<option value="sh" > 上海 </option>
size=4: 列出選項的項數
<select name="Citylike" size=4 multiple >
< option value="cd" selected > 成都 > </option>
<option value="sh"> 上海 </option>
multiple: 實 現清單中選項的多選，（用鍵盤的 Ctrl + 滑鼠點選實作）
G. 文本區域
<textarea name=* rows=** cols=**> ... <textarea>
常用于填寫較多文字的場合
<textarea name="comments" cols="40" rows="4">
name="comments" , 文字區域的名稱，作識别之用，傳到處理程式。
cols= "40" : 文字區域寬度 。
rows= "4" : 文字區域高度
<form action="notes.asp" method="POST">
請填入您的建議 :<p>
<textarea name="comments" cols="40" rows="4" >
這是預設的字句，可以什麼都不寫 </textarea>
八 . 嵌入多媒體流
1. 嵌入背景音樂 ( 僅适用于 IE)
<bgsound src=# loop=#2>
#1 音樂檔案的 URL
#2 播放的循環數
<bgsound src=”http://202.115.4.176/station.mp 3” >
2. 嵌入視訊 ( 僅适用于 IE)
例 1
<img src=”url.gif” dynsrc=”url.avi”>
url.avi : 播放的視訊檔案
url.gif: 視訊的封面，即：在浏覽器尚未完全讀入 AVI 檔案時，
先在 AVI 播放區域顯示該圖象
<img src=”http://202.115.4.176/top.gif” dynsrc=
”http://202.115.4.176/Sample.avi”>
用滑鼠控制播放
例 2
<img src= http://202.115.4.176/top.gif dynsrc=
"http://202.115.4.176/sample.avi"
start=mouseover >
start=mouseover: 滑鼠移到 AVI 播放區域之上時才開始播放 AVI.
D. 密碼框
HTML快速入門系列均系轉載若轉載請注明出處！若有疑問，請回複交流！
![unit 1 - redhat Enterprise 8.0 Linux 指令行使用技巧[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)