<FORM>稱為表單標(biāo)記,用以宣告此為表單模式,屬于一個(gè)容器標(biāo)記,表示其它表單標(biāo)記需要在它的包圍中才有效,<INPUT>便是其中的一個(gè),用以設(shè)定各種輸入資料的方法。它 是一個(gè)空標(biāo)記。 <FORM> 的參數(shù)設(shè)定(常用): 例如: <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> - action="http://your.isp.com/cgi-local/example.cgi"
表單通常是與 CGI 配合使用的,參數(shù) action 便是用以指明該 CGI 程式的位置,這 樣此表單所填的資料才能正確傳給 CGI 作處理。若饋下沒(méi)有 CGI 以進(jìn)行測(cè)試,可 設(shè)定此參數(shù)為 ACTION="mailto:your@email.com" 那樣該表單所填的資料將會(huì)寄至 此電郵地址(紅色部分)。 - method="POST"
傳送資料給 CGI 的的方式,可選值為 POST, GET。你只需記住POST容許傳送大量資料,但 GET則只接受低于 1K 的資 料,所以你若看過(guò)別人的表單原始碼的話,你會(huì)發(fā)現(xiàn)申請(qǐng)表單用的是POST 而搜 找器用的是 GET。 <INPUT> 的參數(shù)設(shè)定(常用): 由于其第一個(gè)參數(shù) type 己有很多的選擇,而不同的選擇表示出不同的輸入方式,且其它 參數(shù)亦因此而異,故以下將獨(dú)立介紹不同輸入方式及其它參數(shù)設(shè)定。 輸入方式一: Text (單行文字盒) 例如<input type="Text" name="age" value="20" align="MIDDLE" size="2" maxlength="255"> - type="Text"
輸入方式為 Text,能產(chǎn)生一單行文字盒,上限為 255 字元。 - name="age"
此一單行文字盒名稱,這是最重要的一個(gè),方便 CGI 辨認(rèn)由表單傳來(lái)的資料,雖 說(shuō)可隨便命名,但通常 CGI 程式中都有指定名稱,若轉(zhuǎn)用其它名稱便需要修改該 CGI 程式了,名稱可為沒(méi)空白沒(méi)特別符號(hào)的英文或數(shù)字,有大小寫的分別,可以 寫成 Your_Age,若有訪客于此表單此一文字盒填入 40 的話,那末傳給 CGI 的字 串便是 Your_Age=40。 - value="20"
此一單行文字盒內(nèi)定值。若不填寫則文字盒是空白的,等待訪客親自鍵入,若 value="20" 的話, 20 便會(huì)出現(xiàn)在文字盒中,當(dāng)然訪客可以修改之。 - align="MIDDLE"
可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle. 沒(méi)太大有處。 - size="2"
此一單行文字盒顯示的長(zhǎng)度,若饋下是采用 Big5 編碼的中文網(wǎng)頁(yè)便要小心,同 size 的文字盒 NC 會(huì)顯示得比 IE 狻長(zhǎng)。 - maxlength="255"
此一單行文字盒可輸入字元的上限,為方便編排資料或避免錯(cuò)輸入等,宜設(shè)定上 限,例如輸入電話或 ICQ UIN 的可設(shè)為 8,年齡為 2 等。 例子: 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> 請(qǐng)?zhí)钊腚娫捥?hào)碼:<input type="Text" name="phone" value="" size="10" maxlength="8"> </form> | 顯示結(jié)果 | | 輸入方式二: Radio (單一選擇) 例如:<input type="Radio" name="gender" value="female" align="MIDDLE" checked> - type="Radio"
輸入方式為 Radio,能產(chǎn)生一單一選擇,以供點(diǎn)選。 - name="gender"
此一 Radio 名稱,參考 Text 部分的說(shuō)明。 - value="female"
內(nèi)定值。每一個(gè) radio 必須及僅有一個(gè) value,通常有同時(shí)采用兩個(gè)或以上同 name 不同 value 的 Radio 輸入方式,可讓使用使任選其一。 - align="MIDDLE"
可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。 - checked
設(shè)該 Radio 為內(nèi)定被選。同 name 的各個(gè) Radio 中只能有一個(gè)使用,或全不使用這 參數(shù)。 例子: 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> 請(qǐng)選性別: <input type="Radio" name="gender" value="Female">女性 <input type="Radio" name="gender" value="Male" checked>男性 <br>你喜歡嗎: <input type="Radio" name="like" value="Yes">喜歡 <input type="Radio" name="like" value="No">不喜歡 <input type="Radio" name="like" value="NotSure">不肯定 </form> | 顯示結(jié)果 | | 輸入方式三: Checkbox (確認(rèn)盒) 例如:<input type="Checkbox" name="idol" value="Leon" align="RIGHT" checked> - type="Checkbox"
輸入方式為 Checkbox,能產(chǎn)生一確認(rèn)盒,以供剔選。 - name="idol"
此一 Checkbox 名稱,參考 Text 部分的說(shuō)明。 - value="Leon"
內(nèi)定值。每一個(gè) Checkbox 必須及僅有一個(gè) value,當(dāng)被剔選時(shí)這值便會(huì)傳及 CGI,例如所傳字串 idol=Leon 。 - align="RIGHT"
可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。 - checked
設(shè)該 Checkbox 為內(nèi)定被選。每個(gè) Checkbox 都是獨(dú)立的,所以每一個(gè)都可使用這 參數(shù),不像 Radio。 例子: 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> 你喜歡以下那些明星: <br><input type="Checkbox" name="idol01" value="Leon">黎明 <input type="Checkbox" name="idol02" value="Noriko_Sagai">酒井法子 <input type="Checkbox" name="idol03" value="Leon">鄭秀文 <input type="Checkbox" name="idol04" value="BonJovi" checked>BonJovi </form> | 顯示結(jié)果 | | 輸入方式四: Password (密碼輸方盒) 例如:<input type="Password" name="pw" value="999" align="MIDDLE" size="5" maxlength="9"> - Password 的其他參數(shù)和 Text 是完全相同的,請(qǐng)參考 Text 的介紹。
兩者作用不同,Password 所輸入的字元全以 * 號(hào)表示。 例子: 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> 請(qǐng)輸入姓名:<input type="Text" name="name"> <br>請(qǐng)輸入密碼:<input type="Password" name="pw" maxlength="9"> </form> | 顯示結(jié)果 | | 輸入方式五: Submit (傳送鍵)及 Reset (清除鍵) 這是表單上重要的兩個(gè)按鍵,兩者所附帶的參數(shù)相同,但用處不大。 例如:<input type="Submit" name="other_funtion" value="確定" align="MIDDLE"> <input type="Reset" value="清除" align="MIDDLE"> - type="Submit"
設(shè)定輸入方式為 Submit 或 Reset。 - name="other_funtion"
Submit 的功能隨 name 的不同而不同,須和 CGI 配合。若你只需要普通的傳送 鍵,則是其內(nèi)定,不必用此參數(shù)。 - value="確定"
這個(gè)值不是輸給 CGI 的,而是顯示在按鍵上,可以不用,傳送鍵的內(nèi)定值為 Submit Query,清除鍵的內(nèi)定值為 Reset。 - align="MIDDLE"
可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。 例子: 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> <input type="Submit"><input type="Reset"> <br><input type="Submit" value=" 確定 "><input type="Reset" value="清除"> </form> | 顯示結(jié)果 | | 輸入方式六: Image (圖片按鍵) 這通常用以取代 Submit 及 Reset 兩個(gè)按鍵,因?yàn)橛沙淌疆a(chǎn)生的按鍵并不漂亮,這 Image 參 數(shù)便容許你采用自已制造的按鍵。 例如:<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif"> - type="Image"
輸入方式為 Image。 - name="submit"
所要代表的按鍵,可以是 submit, reset, 或其它。 - align="BOTTOM"
可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。 - src="ex_icon.gif"
按鍵圖片來(lái)源,若此圖片文件不與該 html 文件在同一目錄下,請(qǐng)加上相對(duì)或絕對(duì)途 徑。 例子: 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> <input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif"> </form> | 顯示結(jié)果 | | 輸入方式七: File 例如:<input type="File" name="upload" align="BOTTOM" size="20" maxlength="100" accept="text/html"> - input type="File"
輸入方式為 Image。通常用以傳輸文件。 - name="upload"
這文件傳輸?shù)拿Q,用以識(shí)別之用。 - align="BOTTOM"
可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。 - size="20"
所顯示文字盒的長(zhǎng)度。 - maxlength="100"
可輸入字元的上限。 - accept="text/html"
所接受的文件類別,有二十六種選擇,但可不設(shè)定。 例子: 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> <type="File" name="upload" size="30" maxlength="100" accept="text/html"> </form> | 顯示結(jié)果 | | 輸入方式八: Hidden 例如:<input type="Hidden" name="ID" value="6618"> - type="Hidden"
輸入方式為隱藏或內(nèi)定。它不會(huì)顯示任何輸入介面,而是一個(gè)內(nèi)定值隨表單一起 傳給 CGI,列如由 CGI 產(chǎn)生的會(huì)員號(hào)碼,或傳入可更改的參數(shù)以調(diào)整 CGI 而避免 修改 CGI 程式碼。 - name="ID"
這文件傳輸?shù)拿Q,用以識(shí)別之用。 - value="6618"
內(nèi)定值,會(huì)以如 ID=6618 形式傳給 CGI。 例子: ("Hidden" 是不被顯示的,所以這處多放了一個(gè) "Submit" 鍵,表示 Hidden 之內(nèi)定 值會(huì)隨 submit 鍵被按而傳給 CGI) 原始碼 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> <input type="Hidden" name="ID" value="6618"> <input type="Submit" value="Submit"> </form> | 顯示結(jié)果 | | 輸入方式九: Button 例如:<input type="Button" name="useless" value="Back"> - type="Button"
輸入方式為一般按鍵。常配合 Java Script 作為其啟動(dòng)按鍵。 - name="useless"
這文件傳輸?shù)拿Q,用處不大。 - value="Back"
按鍵顯示名稱。 例子: 其中 onclick="history.go( -1 );return true; 屬 JAVA 事件。 原始碼 | <form> <input type="Button" value="回前一頁(yè)" onclick="history.go( -1 );return true;"> </form> | 顯示結(jié)果 | | |