HTML 4.0 語法表單標簽

 　　【表單的用途】

　　對於一般的網頁設計初學者而言，表單功能其實並不常用，因為表單通常必須配合著CGI、JAVA Script程式或是ASP程式來運作，不然表單單獨存在的意義並不大。不過，一旦有機會將表單運用到網頁中時，您的網頁將擺脫單向呈現，而開始邁入和使用者互動的階段喔!

　　本單元純粹以介紹各式表單為主，至於一些CGI或ASP觀念在此我就不提出了，因為提供零碎的觀念，倒不如去看看專門介紹CGI的書籍來的妥當。

　　【各種輸入類型】

　　文字輸入列：每個表單之所以會有不同的類型，原因就在於TYPE="表單類型"設定的不同而已，我們就先來看看第一個類型：文字輸入列。文字輸入列的形態就是TYPE="TEXT，其使用方法如下：

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一欄位的名稱，程式中常會用到。

　　SIZE="數值"，是設定此一欄位顯現的寬度。

　　VALUE="預設內容"，是設定此一欄位的預設內容。

　　ALIGN="對齊方式"，是設定此一欄位的對齊方式，其值有：TOP(向上對齊)、MIDDLE(向中對齊)、BOTTOM(向下對齊)、RIGHT(向右對齊)、LEFT(向左對齊)、TEXTTOP(向文字頂部對齊)、BASELINE(向文字底部對齊)、ABSMIDDLE(絕對置中)、ABSBOTTOM(絕對置下)等。

　　MAXLENGTH="數值"，是設定此一欄位可設定輸入的最大長度。

　　單選核取表單：利用TYPE="RADIO"就會產生單選核取表單，單選核取表單通常是好幾個選項一起擺出來供使用者點選，一次只能從中選一個，故為單選核取表單。

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一欄位的名稱，程式中常會用到。

　　VALUE="內容"，是設定此一欄位的內容、值或是意義。

　　ALIGN="對齊方式"，是設定此一欄位的對齊方式，其值有：TOP(向上對齊)、MIDDLE(向中對齊)、BOTTOM(向下對齊)、RIGHT(向右對齊)、LEFT(向左對齊)、TEXTTOP(向文字頂部對齊)、BASELINE(向文字底部對齊)、ABSMIDDLE(絕對置中)、ABSBOTTOM(絕對置下)等。

　　CHECKED，是設定此一欄位為預設選取值。

　　復選核取表單：利用TYPE=" CHECKBOX "就會產生復選核取表單，復選核取表單通常是好幾個選項一起擺出來供使用者點選，一次可以同時選好幾個，故為復選核取表單。

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一欄位的名稱，程式中常會用到。

　　VALUE="內容"，是設定此一欄位的內容、值或是意義。

　　ALIGN="對齊方式"，是設定此一欄位的對齊方式，其值有：TOP(向上對齊)、MIDDLE(向中對齊)、BOTTOM(向下對齊)、RIGHT(向右對齊)、LEFT(向左對齊)、TEXTTOP(向文字頂部對齊)、BASELINE(向文字底部對齊)、ABSMIDDLE(絕對置中)、ABSBOTTOM(絕對置下)等。

　　CHECKED，是設定此一欄位為預設選取值。

　　密碼表單：利用TYPE=" PASSWORD "就會產生一個密碼表單，密碼表單和文字輸入表單長得幾乎一樣，差別就在於密碼表單在輸入時全部會以星號來取代輸入的文字，以防他人偷窺。

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一欄位的名稱，程式中常會用到。

　　SIZE="數值"，是設定此一欄位顯現的寬度。

　　VALUE="預設內容"，是設定此一欄位的預設內容，不過呈現出來仍是星號。

　　ALIGN="對齊方式"，是設定此一欄位的對齊方式，其值有：TOP(向上對齊)、MIDDLE(向中對齊)、BOTTOM(向下對齊)、RIGHT(向右對齊)、LEFT(向左對齊)、TEXTTOP(向文字頂部對齊)、BASELINE(向文字底部對齊)、ABSMIDDLE(絕對置中)、ABSBOTTOM(絕對置下)等。

　　MAXLENGTH="數值"，是設定此一欄位可設定輸入的最大長度。

　　送出按鈕：通常我們表單填完之後，都會有一個送出按鈕以及清除重寫的按鈕，分別是利用TYPE=" SUBMIT "及TYPE=" RESET "來產生，相當的簡單易用。

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一按鈕的名稱。

　　VALUE="文字"，是設定此一按鈕上要呈現的文字，若是沒有設定，浏覽器也會自動替您加上“送出查詢”、“重設”等字樣。

　　ALIGN="對齊方式"，是設定此一欄位的對齊方式，其值有：TOP(向上對齊)、MIDDLE(向中對齊)、BOTTOM(向下對齊)、RIGHT(向右對齊)、LEFT(向左對齊)、TEXTTOP(向文字頂部對齊)、BASELINE(向文字底部對齊)、ABSMIDDLE(絕對置中)、ABSBOTTOM(絕對置下)等。

　　按鈕元件：表單中或是JAVA SCRIPT常會用到按鈕來作一些效果，因此，我們可以利用TYPE=" BUTTON "來產生一個按鈕，相當簡單。

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一按鈕的名稱。

　　VALUE="文字"，是設定此一按鈕上要呈現的文字。

　　ALIGN="對齊方式"，是設定此一欄位的對齊方式，其值有：TOP(向上對齊)、MIDDLE(向中對齊)、BOTTOM(向下對齊)、RIGHT(向右對齊)、LEFT(向左對齊)、TEXTTOP(向文字頂部對齊)、BASELINE(向文字底部對齊)、ABSMIDDLE(絕對置中)、ABSBOTTOM(絕對置下)等。

　　隱藏欄位：表單中有時有些東西因為某些因素，不想讓使用者看到，但因程式需要卻又不得不存在，此時，我們就可以利用TYPE=" HIDDEN "來產生一個隱藏的欄位。

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一欄位的名稱。

　　VALUE="文字"，是設定此一欄位的值、文字或意義。

　　【大量文字輸入元件】

　　有時候我們會希望讓使用者輸入比較大量的文字，此時，文字輸入列就顯得不敷使用，因此我們就可以利用來產生一個可以輸入大量文字的元件，夾在兩個標簽中的文字會出現在框框中，可作為預設文字。

　　其有下列可設定之屬性：

　　NAME="名稱"，是設定此一欄位的名稱。

　　WRAP="設定值"，是設定此一欄位的換行模式。設定值有三種：OFF(輸入文字不會自動換行)、VIRTUAL(輸入文字在熒幕上會自動換行，不過若是使用者沒有自行按下ENTER換行，送出資料時，也視為沒有換行)、PHYSICAL(輸入文字會自動換行，送出資料時，會將熒幕上的自動換行，視為換行效果送出)。

　　COLS="數值"，是設定此一欄位的行數(橫向字數)。

　　ROWS="數值"，是設定此一欄位的列數(垂直字數)。

　　【下拉式選單】

　　下拉式選單令整個網頁看起來有很專業的感覺，我們只要利用便可以產生一個下拉式選單，另外，還需要配合標簽來產生選項，這樣才算完整喔! 　　其有下列可設定之屬性：　　SIZE="數值"，是設定此一欄位的大小，預設值為1，若是您的選項有四個，然後您將SIZE設成4，那麼，下拉式選單便會變成選項方塊，將四個選項一起呈現在方塊中。　　MULTIPLE，是設定此一欄位為復選，可以一次選好幾個選項。