DW_PHP_AJAX_CH3 表單的設計與規劃_(2)實作表單_布置選項按鈕

選項按鈕（Radio）適用於多備選案答案且單一答案選取的場合, 如同單選的選擇題，例如血型、性別…等。

1. 在「分割」編輯模式下, 將游標置於表單範圍內的文字欄位「Email」後方, 按下Shift+Enter鍵進行斷行。
2. 按下工具列上的標籤工具按鈕, 此時原始碼視窗中將會自動加入label標籤；若是在「設計」編輯模式中按下標籤工具按鈕, Dreamweaver會自動切換為「分割」編輯模式, 並於原始碼視窗中加入label標籤。

DW_PHP_AJAX_CH3 表單的設計與規劃_(2)實作表單_布置文字欄位

文字欄位依其類型（type屬性）的設定, 可分為單行、多行、密碼等三種。在本範例中將加入「姓名」、「信箱」這兩個單行文字欄位。

1. 將游標移到表單範圍的紅色虛框中, 然後按下工具列上的文字欄位工具按鈕, 此時會出現下圖的屬性對話框，按下屬性對話框中的「確定」按鈕之後, 將會在表單中加入如下圖的表單欄位與欄位說明標籤：

DW_PHP_AJAX_CH3 表單的設計與規劃_(2)實作表單

在本單元中將以簡單的留言板發言表單為例說明表單的製作方式, 表單中將包含姓名、信箱、性別、興趣、血型、留言等6個欄位, 至於如何使用PHP接收與處理來自表單的資訊將會後續說明。

[在網頁中加入表單]

表單（Form）是一個包含元件, 可在其中再加入任何的表單元素, 因此, 製作表單的第一步就是設定表單範圍。請將游標移到想要安插表單的地方, 然後按下工具列上的表單工具按鈕, 接著編輯視窗中就會出現一個紅色的虛框, 此紅色虛框即表示在此範圍中所加入的任何表單元素皆屬於同一個表單。