2018年12月13日 星期四

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

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

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



3. 在設計視窗中, 將游標置於表單範圍內的「性別:」後方, 按下工具列上選項工具按鈕來加入代表「男」的選項按鈕。

 4. 在屬性對話框中對「男」選項按鈕進行屬性設定。

5. 選取「M」的選項按鈕, 在屬性面板中設定其屬性。

 6. 依步驟3-4, 在「男」選項標籤後方加入再加入1個代表「女」的選項按鈕, 在屬性對話框中請將ID設為「F」, 標籤設為「女」。
7. 選取「F」的選項按鈕, 在屬性面板中設定其屬性。






沒有留言:

張貼留言