輸入方式九: 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