輸入方式九: Button
■ <SELECT> <OPTION> :
例如:<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é)果 |
■ <SELECT> <OPTION> :
<SELECT>是卷動(dòng)選單標(biāo)記,每一選項(xiàng)皆由 <OPTION> 所標(biāo)示,把它當(dāng)作圍堵標(biāo)記或空標(biāo) 記使用都可以。
<SELECT> 的參數(shù)設(shè)定(常用):
例如: <select name=”where” size=”6″ multiple>
● name=”where”
這卷動(dòng)選單的名稱,作識(shí)別之用,將會(huì)傳及 CGI。
● size=”6″
這卷動(dòng)選單的列數(shù),即其高度,請(qǐng)自行修改。若使用此參數(shù)則不會(huì)有 Pop Up 效 果。
● multiple
令這卷動(dòng)選單容許多重選擇。
<OPTION> 的參數(shù)設(shè)定(常用):
例如: <option value=”tw” selected>
● value=”tw”
這選項(xiàng)的值,將會(huì)傳及 CGI。請(qǐng)自行修改,但不同選項(xiàng)必須有不同的值。
● selected
設(shè)該選項(xiàng)為內(nèi)定被選。一個(gè)單選卷動(dòng)選單只能有一項(xiàng)或零可內(nèi)定被選。
例子一: (普通 POP UP 卷動(dòng)選單)
| 原始碼 | <form action=”http://your.isp.com/cgi-local/example.cgi” method=”POST”> Where you com from? <select name=”where”> <option value=”hk”>Hong Kong</option> <option value=”tw” selected>Taiwan</option> <option value=”cn”>China</option> <option value=”us”>United States</option> <option value=”ca”>Canada</option> </select> </form> |
| 顯示結(jié)果 |
例子二: (容許多重選擇 的卷動(dòng)選單)
例子三:(設(shè)定了 Size 的卷動(dòng)選單)
| 原始碼 | <form action=”http://your.isp.com/cgi-local/example.cgi” method=”POST”> Where you com from? <select name=”where” size=”5″> <option value=”hk”>Hong Kong</option> <option value=”tw” selected>Taiwan</option> <option value=”cn”>China</option> <option value=”us”>United States</option> <option value=”ca”>Canada</option> </select> </form> |
| 顯示結(jié)果 |
| 原始碼 | <form action=”http://your.isp.com/cgi-local/example.cgi” method=”POST”> Where you com from? <select name=”where” multiple> <option value=”hk”>Hong Kong</option> <option value=”tw” selected>Taiwan</option> <option value=”cn”>China</option> <option value=”us”>United States</option> <option value=”ca”>Canada</option> </select> </form> |
| 顯示結(jié)果 |
■ <TEXTAREA> :
<TEXTAREA>是表單文字區(qū)塊標(biāo)記,常用于 bug report, feedback 等需要填寫大量資料的用途。
<TEXTAREA> 的參數(shù)設(shè)定(常用):
例如: <textarea name=”comments” cols=”40″ rows=”4″ wrap=”VIRTUAL”>
● name=”comments”
這文字區(qū)塊的名稱,作識(shí)別之用,將會(huì)傳及 CGI。
● cols=”40″
這文字區(qū)塊的寬度,請(qǐng)自行修改。
● rows=”4″
這文字區(qū)塊的列數(shù),即其高度,請(qǐng)自行修改。
● wrap=”VIRTUAL”
設(shè)定其折行問(wèn)題,可選值為: off, physical, virtual。off 表示不使用此屬性,physical 時(shí)則會(huì)強(qiáng)迫劉覽器在送資料到 CGI(Web 伺服器端)必須將實(shí)№文字中的換行一 并送出,設(shè)為 virtual 時(shí)則送出連續(xù)成串的字(除非使用者按了鍵盤的 RETURN / ENTER)。
例子:
原始碼 <form action=”http://your.isp.com/cgi-local/example.cgi” method=”POST”>
Give comments:
<textarea name=”comments” cols=”40″ rows=”4″ wrap=”VIRTUAL”>
這是預(yù)設(shè)的字句,通常留空的,隨你喜歡。</textarea>
</form> 顯示結(jié)果
