设计之家 > 教程 > 網頁教程 > HTML教程 >

HTML語言剖析(八) 表單標記(3)

作者:佚名 來源:太平洋網絡學院 時間:2006-12-25

 

  輸入方式九: 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>
顯示結果
Where you com from?

  例子二: (容許多重選擇 的卷動選單)

 

  例子三:(設定了 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>
顯示結果
Where you com from?

原始碼<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>
顯示結果
Where you com from?

  ■ <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>
顯示結果
Give comments:

标签:HTML語言

推薦設計

最新文章