輸入方式九: Button

  ■ <SELECT> <OPTION> :

  例如:<input type="Button" name="useless" value="Back">

  ● type="Button"
  輸入方式為一般按鍵。常配合 Java Script 作為其啟動按鍵。

  ● name="useless"
  這文件傳輸?shù)拿Q,用處不大。

  ● value="Back"
  按鍵顯示名稱。

  例子: 其中 onclick="history.go( -1 );return true; 屬 JAVA 事件。

原始碼<form>
<input type="Button" value="回前一頁" onclick="history.go( -1 );return true;">
</form>
顯示結(jié)果

  ■ <SELECT> <OPTION> :

  <SELECT>是卷動選單標(biāo)記,每一選項(xiàng)皆由 <OPTION> 所標(biāo)示,把它當(dāng)作圍堵標(biāo)記或空標(biāo) 記使用都可以。

  <SELECT> 的參數(shù)設(shè)定(常用):

  例如: <select name="where" size="6" multiple>

  ● name="where"
  這卷動選單的名稱,作識別之用,將會傳及 CGI。

  ● size="6"
  這卷動選單的列數(shù),即其高度,請自行修改。若使用此參數(shù)則不會有 Pop Up 效 果。

  ● multiple
  令這卷動選單容許多重選擇。

  <OPTION> 的參數(shù)設(shè)定(常用):
 
  例如: <option value="tw" selected>

  ● value="tw"
  這選項(xiàng)的值,將會傳及 CGI。請自行修改,但不同選項(xiàng)必須有不同的值。

  ● selected
  設(shè)該選項(xiàng)為內(nèi)定被選。一個(gè)單選卷動選單只能有一項(xiàng)或零可內(nèi)定被選。

 例子一: (普通 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>
顯示結(jié)果
Where you com from?

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

 

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

  ■ <TEXTAREA> :

  <TEXTAREA>是表單文字區(qū)塊標(biāo)記,常用于 bug report, feedback 等需要填寫大量資料的用途。

  <TEXTAREA> 的參數(shù)設(shè)定(常用):

  例如: <textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">

  ● name="comments"
  這文字區(qū)塊的名稱,作識別之用,將會傳及 CGI。

  ● cols="40"
  這文字區(qū)塊的寬度,請自行修改。

  ● rows="4"
  這文字區(qū)塊的列數(shù),即其高度,請自行修改。

  ● wrap="VIRTUAL"
  設(shè)定其折行問題,可選值為: off, physical, virtual。off 表示不使用此屬性,physical 時(shí)則會強(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é)果
Give comments:

標(biāo)簽:HTML語言

隨機(jī)推薦