- 基本架構：
<form method="get/post" enctype="data type" action="URL">
<六個主要控制標籤><!--如下說明-->
</form> <!--表單結束標籤-->
form 表單開始宣告
method=傳遞方式(get/post)
enctype=資料處理指格式
URL=定程式存放的所在目錄位置及檔名
- 標籤 method 屬性：
get：
使用 get 時，會先解碼附於URL後再傳至指定伺服器處理，資料有長度限制
(一般用於搜索引擎)。
post：
採用 post 時，可將資料本身成對的可變名稱值，傳入伺服器處理，資料無長度限制
(我們大部份會使用此方法)。
- 標籤 enctype 屬性：
一般都不加此標籤(選項)，屬性值用來指出資料的格式是否需要經過編碼，
屬性為 "application/x-www-form-urlencoded"
使用於mailto時(用於寄信)，屬性值為 "text/plain"
使用於 type="file" 時(用於上傳檔案)，屬性值為 "multipart/form-data"
- 標籤 action 屬性：
"URL"：
指定CGI、ASP、PHP等程式存放的超連結所在目錄位置及檔名(可使用相對或絕對路徑)。
- 六個主要控制標籤及屬性：
(如果記不住，沒關係；用英文字意來聯想他的功能)
- 輸入表單：input
共有22個屬性：(參考範例)
<input type="." name="."、 value="."、
size="."、 maxlenght="." 、checked="."
、readonly="."、 disabled="."、 accesskey=".">
- 選擇表單：select
<select>..option..</select>
下拉式選擇表單，用於設定窗型欄位，每個選項以<option>來宣告他 。
- 文字填寫區域：textarea
<textarea name="text" cols="長度" rows="高"> 可寫文字，不用value
cols="長(寬)度"單位字元、rows="高"單位列。
- 圖片按鈕：button
<button type="submit" name="傳送"><img src="accept.gif">
<button type="reset" name="重寫"><img src="cancel.gif">
<button type="button" name="" value="不寄了，離開 " onClick="window.close()">
<img src="naccept.gif">
</button>
- 使用 mailto
<form method="post" action="mailto:hc6675@hcvs.kh.edu.tw"
enctype="text/plain">
郵件信箱E-Mail <input type=text name="email" size="30" maxlength="50">
<textarea cols="60" rows="5" name="yourmessage">
</textarea>
</form>
|