輸入方式九： Button
■ <SELECT> <OPTION> ：
例如：<input type=”Button” name=”useless” value=”Back”>
● type=”Button”
輸入方式為一般按鍵。常配合 Java Script 作為其啟動按鍵。
● name=”useless”
這文件傳輸的名稱，用處不大。
● value=”Back”
按鍵顯示名稱。
例子： 其中 onclick=”history.go( -1 );return true; 屬 JAVA 事件。
| 原始碼 | <form> <input type=”Button” value=”回前一頁” onclick=”history.go( -1 );return true;”> </form> |
| 顯示結果 |
■ <SELECT> <OPTION> ：
<SELECT>是卷動選單標記，每一選項皆由 <OPTION> 所標示，把它當作圍堵標記或空標 記使用都可以。
<SELECT> 的參數設定（常用）：
例如： <select name=”where” size=”6″ multiple>
● name=”where”
這卷動選單的名稱，作識別之用，將會傳及 CGI。
● size=”6″
這卷動選單的列數，即其高度，請自行修改。若使用此參數則不會有 Pop Up 效 果。
● multiple
令這卷動選單容許多重選擇。
<OPTION> 的參數設定（常用）：
例如： <option value=”tw” selected>
● value=”tw”
這選項的值，將會傳及 CGI。請自行修改，但不同選項必須有不同的值。
● selected
設該選項為內定被選。一個單選卷動選單只能有一項或零可內定被選。
例子一： （普通 POP UP 卷動選單）
| 原始碼 | <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> |
| 顯示結果 |
例子二： （容許多重選擇 的卷動選單）
例子三：（設定了 Size 的卷動選單）
| 原始碼 | <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> |
| 顯示結果 |
| 原始碼 | <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> |
| 顯示結果 |
■ <TEXTAREA> ：
<TEXTAREA>是表單文字區塊標記，常用于 bug report, feedback 等需要填寫大量資料的用途。
<TEXTAREA> 的參數設定（常用）：
例如： <textarea name=”comments” cols=”40″ rows=”4″ wrap=”VIRTUAL”>
● name=”comments”
這文字區塊的名稱，作識別之用，將會傳及 CGI。
● cols=”40″
這文字區塊的寬度，請自行修改。
● rows=”4″
這文字區塊的列數，即其高度，請自行修改。
● wrap=”VIRTUAL”
設定其折行問題，可選值為： off, physical, virtual。off 表示不使用此屬性，physical 時則會強迫劉覽器在送資料到 CGI（Web 伺服器端）必須將實№文字中的換行一 并送出，設為 virtual 時則送出連續成串的字（除非使用者按了鍵盤的 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”>
這是預設的字句，通常留空的，隨你喜歡。</textarea>
</form> 顯示結果
