Site hosted by Angelfire.com: Build your free website today!
回到學院首頁選擇製網課程教學與製網有關的語言選擇輔助課程選擇網頁材料了解 HKIWC
The Best Web Hosting Company
 工具預備
 簡單設定
 五分鐘速成
 按鍵一覽
 插入圖片
 底色棬
 活用表格
 運用框架
 連結進階
 加入音樂
 精用表單Here
 安裝計數器
 安裝訪客簿
 安裝聊天室
 網頁上傳
 檔案權限
 加入實例
 本節實例
 疑難討論
 聯絡學院
 網絡辭典
歡迎到訪 PenPal Garden
ICQ 國際交友會
  ■ 預備:
己設定好:Composer 之 External HTML Editor。若否請看【簡單設定
■ 簡單步驟:
以 Composer 製作表單是一件苦差,它沒有製作精靈,你需要親自加上 HTML Code,若你 并不急需表單請跳過這一節。 或你想更了解表單設計及運作請看《進階理論剖析》之 【HTML】及【CGI】,這一節將介紹一般表單的製作且不涉及 CGI 。

己設定好:Composer 之 External HTML Editor。若否請看【簡單設定

視窗狀態:以 Composer 開啟欲加入表單的新檔或舊檔。

  1. EditHTML Source 鍵,若是新檔請存檔。
  2. 於剛顯示的 記事本(Notpad)視窗底部尋找 </BODY> 標記!
  3. 於其上插入以下 HTML Code:

    <FORM ACTION="mailto:your@email.com" ENCTYPE="text/plain" METHOD="POST">

    <p>姓名<INPUT TYPE="TEXT" NAME="Name" SIZE="17" MAXLENGTH="30">

    <p>性別<INPUT TYPE="RADIO" NAME="Gender" VALUE="Male" CHECKED> Male
    <INPUT TYPE="RADIO" NAME="Gender" VALUE="Female"> Female

    <p>喜歡嗎<INPUT TYPE="CHECKBOX" NAME="like" VALUE="Yes" CHECKED>

    <p>從何處來<SELECT NAME="How_find">
    <OPTION>Web Search
    <OPTION>Mirabilis ICQ Site
    <OPTION SELECTED>Hong Kong School Net</SELECT>

    <p>意見<TEXTAREA NAME="Comments" ROWS="3" COLS="20"></TEXTAREA>

    <p><INPUT TYPE="SUBMIT" VALUE="確定">

    <INPUT TYPE="RESET" VALUE="重新輸入">

    </FORM>

  4. 將 Code 中第一行紅色部分轉成你的電郵地址,
  5. 若想修改其它紅色部分請參照下面【常用表單元件 HTML Code】,
  6. 以記事本儲存此檔案,
  7. 回 Composer 視窗亦儲存此一更改,完成。

進行測試:
接上一步,於己連線的情況下按 Preview 并填好表單按確定,
你將收到一封以 & 分隔各字句的電郵。沒有 CGI 的參與極其量只能如此,
你便可用此表單收集訪客資料,當然你要以 Composer 增減或修改此些表單元件。

■ 常用表單元件一覽:
名稱 樣本
TEXT
RADIO Male Female
CHECKBOX
SELECT
TEXAREA
SUBMIT
RESET
■ 常用表單元件 HTML Code :
1.) 名稱: TEXT

<INPUT TYPE="TEXT" NAME="Name" SIZE="17" MAXLENGTH="30">

紅色為可修改之屬性:
NAME : 這一文字盒的名稱(任意)
SIZE : 文字盒的長度
MAXLENGTH : 可填入的總字數

2.) 名稱: RADIO

<INPUT TYPE="RADIO" NAME="Gender" VALUE="Male" CHECKED> Male
<INPUT TYPE="RADIO" NAME="Gender" VALUE="Female"> Female

紅色為可修改之屬性:
NAME : 這"RADIO"的名稱(任意)
VALUE : 這"RADIO"的值,用以區分同 NAME 的不同選擇,將顯示於寄出表單結果上。
CHECKED : 內定選擇,若刪去則沒有被選,同 NAME 的 RADIO 只可用一次。

3.) 名稱: CHECKBOX

<INPUT TYPE="CHECKBOX" NAME="To_be_listed" VALUE="Yes" CHECKED>

紅色為可修改之屬性:
NAME : 這"CHECKBOX"的名稱(任意)
VALUE : 這"CHECKBOX"的值,將顯示於寄出表單結果上。
CHECKED : 內定選擇,若刪去則沒有被選。

4.) 名稱: SELECT

<SELECT NAME="How_find">
<OPTION>Web Search
<OPTION>Mirabilis ICQ Site
<OPTION SELECTED>Hong Kong School Net</SELECT>

紅色為可修改之屬性:
NAME : 這"SELECT"的名稱(任意)
OPTION : 這"SELECT"的各種選擇,將顯示於寄出表單結果上。
SELECTED : 內定選擇,若刪去則第一個 OPTION 會被選擇。

5.) 名稱: TEXTAREA

<TEXTAREA NAME="Comments" ROWS="3" COLS="20"></TEXTAREA>

紅色為可修改之屬性:
NAME : 這"TEXTAREA"的名稱(任意)
ROWS : 這"TEXTAREA"的列數,用以設定其高度。
COLS : 這"TEXTAREA"的欄數,用以設定其闊度。

6.) 名稱: SUBMIT

<INPUT TYPE="SUBMIT" VALUE="確定">

紅色為可修改之屬性:
VALUE : 這"SUBMIT"之按鍵名稱的名稱(任意)

7.) 名稱: RESET

<INPUT TYPE="RESET" VALUE="重新輸入">

紅色為可修改之屬性:
VALUE : 這"RESET"之按鍵名稱的名稱(任意)
The Best Web Hosting Company
Download Internet ExplorerDownload Netscape Netvigator