HTML~Form語法

表單(Form)內的相關屬性設定：
1.METHOD="GETPOST" :METHOD 屬性主要是用來指出 Form 的傳輸方式，
其值有以下兩個：
GET：使用GET時，會先解碼附於URL後再傳至指定伺服器處理，資料有長度(256字元)限制。
備註：METHOD預設值為GET，一般用於搜索引擎，安全性較高。
POST：採用POST時，可將資料本身成對的可變名稱值，傳入伺服器處理，資料無長度限制。
備註：因為方便，大部份會使用此方法。

2.ACTION="URL"
URL為設定CGI、ASP、PHP..等程式存放的所在目錄位置及檔名(可使用相對或絕對路徑)。
備註：在沒有以上程式可用下，您也可以使用免後端程式Mailto控制標籤暫代(測試)。

3.enctype="data type":data type為資料處理格式，用於送出資料的格式是否需要經過編碼等功能處理，一般可不用加此標籤。
屬性預設值為 enctype="application/x-www-form-urlencoded" (大多被省略掉)。
用於寄信(ACTION="Mailto:")時，屬性值應設為 enctype="text/plain"。
用於上傳檔案(Type="file")時，屬性值應設為 enctype="multipart/form-data"。
表單(Form)...(/Form)

內六個主要控制標籤：

1.輸入表單：INPUT
2.選擇表單：SELECT
3.文字填寫區域：TEXTAREA
4.圖片按鈕：BUTTON
5.表單加上外框：FIELDSET
6.使用免後端程式：MAILTO

INPUT標籤內有 9 個屬性(值)：

⊕.type="值"此屬性值共有 10 種型式，為必須要欄位。
⊕.name="值"此屬性的值為資料欄位名稱(可變數名稱值)，為必須要欄位。
⊕.value="值"此屬性的值為預設字串，如不為空白時，值會在欄位中顯示。
⊕.此屬性的值為欄位寬度，單位字元，內定值為20個字元寬度。
⊕.maxlength="值"此屬性的值為欄位資料輸入最大長度，單位字元。
⊕.checked 加入此屬性時，表示預設某個選項為預定選項。
⊕.readonly 加入此屬性時，表示該欄位只能讀取資料，不能輸入資料(限IE使用)。
⊕.disabled 加入此屬性時，表示該欄位不能被選取或輸入(限IE使用)。
⊕.accesskey 加入此屬性時，表示設定為加(快)速鍵(限IE使用)。
備註：
⊕type及name為INPUT必須要屬性(值)，如果type="Text"時(預設值)，type可以省略，但name還是需要。
⊕INPUT不需結束標籤，後面 3 個(checked...)為 IE Browser 特殊功能。
⊕name在特殊情況下(如使用MAILTO功能時)或程式配合下設定，也可使用中文。
⊕value雖然不是每個INPUT內必要屬性及值，但在使用如Raido、buttom的Type型式時，卻不可省略喔。

TYPE共有 10 種型式：

⊕.Text 此為單行文字填寫型式(預設值)，會產生一行空白欄位，讓訪客可輸入文字等資料。
⊕.PassWord 此為密碼填寫型式，當訪客輸入資料時，會以 **** 顯示。
⊕.Hidden 此為隱藏欄位型式，提供網頁或程式設計者，配合後端程式使用。
⊕.Raido 此為單一的圈選點鈕型式(單選)，其主要功能係供訪客做單一選擇(項)時用。
⊕.CheckBox 此為核取選擇方塊型式(複選)，其主要功能係供訪客做多重選擇時用。
⊕.Submit 此為同意/確認按鈕型式，其主要功能係供訪客送出表單內各欄位內的資料給後端程式處理。
⊕.Reset 此為放棄/清除按鈕型式，其主要功能係供訪客清除(回覆為預設值)表單內各欄位資料。
⊕.buttom 此為通用性按鈕型式，提供網頁或程式設計者，加入前端程式(如JavaScript、VBScript)功能。
⊕.Image 此為圖像型式表單，提供訪客送出表單或影像地圖(現已很少使用)資料的功能。
⊕.File 此為檔案上傳型式，其主要功能係供訪客上傳檔案給版主使用的。
備註：
⊕Type="Raido"時，name內的value值一定要一樣，這樣才能產生單一選項功能。
⊕Type="CheckBox"，若未設value值時，被勾選者會傳回[on]內訂值顯示。
⊕通常為了清楚辨識傳回資料，我們都會將CheckBox內的name值設為一樣，而以value值來區別選項。
⊕Type="Submit"及"Reset"，如未設 value 值時，會以內定值顯示，也就是[送出查詢]及[重設]文字。
⊕一般我們都會自己另訂 Submit 及 Reset 的值，如 value="確定訂購"或"清除內容"，以配合該表單實際狀況需要。
⊕Type="Image"時，因為使用到圖檔語法，所以圖檔所使用的語法(如：Align、Width、height、alt..)都可以套到這上面。
注意：
⊕Type="Submit"及"Reset"時，如前後端程式不需特別指定的話，name值建議省略，否則會傳回這個值喔。
⊕Type="File"時， form內的enctype屬性，記得要設定為multipart/form-data。

另外五個主要控制標籤：

1.選擇表單標籤(SELECT)：可下拉(或多重)選擇式標籤，用於設定窗型欄位，每個選項以來指定他。
內容說明：
⊕Name="資料欄名稱"，傳送資料到伺服器給CGI等程式處理的可變數名稱值。
⊕Size="項目數量"，單位(個/列)，內定為1個列位。
⊕Multiple="允許多重選項"，可按Ctrl及滑鼠左鍵來選擇一個以上項目。
⊕Selected="預設選定值"。
⊕文字2，2表示設定值(value)，可有可無，但後面文字2，不可省略。
⊕可單獨或設個結束標籤。

2.文字填寫區域標籤(TEXTAREA)：
內容說明：
⊕cols="區域的長(寬)度度"，單位字元、rows="區域的高度"，單位列。
⊕Wrap標籤是指輸入文字是否強迫折返。
⊕Wrap="Off" 輸入文字超過長度時，會出現水平捲軸(關閉強迫折返功能)，"ON"為預設值。
⊕Wrap="hard" 輸入文字超過長度時，不會出現水平捲軸，等於Wrap="ON"。
⊕Wrap="Virtual" 輸入文字超過長度時，會自動換行；送出之資料，只有在按Enter鍵處換行。
⊕Wrap="Physical" 輸入文字超過長度時，會自動換行；將依照螢幕所見到的樣式，送出資料。
備註：
⊕無需於區域顯示預定文字，可於中間輸寫文字，就會顯示出來。
注意：
⊕結束標籤不可省略。


3.圖片按鈕標籤(BUTTON)：

說明：
⊕每個按鈕標籤都要用，標籤開始，標籤結束來管制。
⊕因為使用到圖檔語法(img src="")，所以圖檔所有的語法(如：Align、Width、height、alt..)都可以套到這上面。
⊕備註：限IE使用。
注意：這組按鈕標籤與Type="buttom"、Type="Image"的INPUT標籤，有幾分相似，請仔細查看。
4.表單加上外框標籤(FIELDSET)：
內容說明：
⊕每個表單加上外框都要用， 標籤開始，標籤結束來管制。
⊕這是顯示標題內容文字的位置，

內容文字

，也要用到開始及結束標籤。
備註：限IE使用。
5.使用MAILTO標籤：
內容說明：
⊕使用MAILTO標籤，會呼叫Outlook或電腦內預設的郵件軟體，如果訪客未曾設定此軟體，將無法運作。
⊕此處name的值，也可使用中文。
注意：
⊕記得要將mailto:yourname@yourmail.idv.tw，改為您自己的信箱喔。
⊕如果未設METHOD=POST值，其結果將會打開Outlook或電腦內預設的郵件軟體，來傳送空白的郵件喔。
⊕如果enctype值未設為 text/plain ，其結果將以未加編碼的附加檔案(POSTDATA.ATT)方式傳送。
備註：限IE使用。

資料來源:http://home.pchome.com.tw/soho/leeweng/new/02/02.htm