輸入方式九: 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> 顯示結果 
推薦設計

優秀海報設計精選集(8)海報設計2022-09-23

充滿自然光線!32平米精致裝修設計2022-08-14

親愛的圖書館 | VERSE雜誌版版式設計2022-07-11

生活,就該這麼愛!2022天海報設計2022-06-02
最新文章

帶你輕鬆打開SVG動畫的大HTML教程2016-06-08
36個重要的HTML標簽HTML教程2012-05-15

10個最容易犯的HTML標簽錯HTML教程2010-09-11

border:none;與border:0;的區別HTML教程2009-11-26










