记得与我联络-表单的加入.PPT

預覽完成表單 請選按功能表列 檔案 \ 儲存檔案，按 F12 鍵預覽看看，操作表單後即可看到 表單檢驗 Spry 工具集 的效果了！ 10-5-1 跳頁選單的製作 什麼是跳頁選單呢？這個功能嚴格來說並不是屬性表單的內容，而是 選取(清單/選單) 加上 JavaScript 的延伸，它最主要的目的就是將要轉移的頁面設定在 選取(清單/選單) 的欄位中，當選取選項時就會將頁面導引到該頁中。 在本節中將要介紹表單元件中一些特殊的應用，包括了跳頁選單的製作以及 在按鈕上設定超連結。 10-5 操作秘技與重點叮嚀 加入跳頁選單 請新增一個空白檔案並開啟在編輯視窗中，進行以下的操作： 測試跳頁選單 請選按功能表列 檔案 \ 儲存檔案，按 F12 鍵預覽看看，在選單中挑選要去的網站選項後，按 前往 鈕頁面即會轉頁到指定的頁面了。 10-5-2 在按鈕上設定超連結的功能 按鈕功能除了先前所提到的 送出 和 重置 外還有沒有其他的呢？其實按鈕可以設定上適當的 JavaScript 進行其他的動作，在這個技巧中將使用簡易方式設定按鈕超連結。 加入按鈕 請新增一個空白檔案並開啟在編輯視窗中，進行以下的操作： 測試跳頁選單 請選按功能表列 檔案 \ 儲存檔案，按 F12 鍵預覽看看，按 按鈕 鈕頁面即會轉頁到指定的頁面了。 進階篇 進階篇 進階篇 進階篇 表單加入的標準流程 表單元件的說明與使用 表單的加入與設定 關於表單傳送的設定 利用電子郵件傳送表單資料 設定檢驗表單行為 使用表單驗證 Spry 工具集 跳頁選單的製作 在按鈕上設定超連結的功能 10-1-1 表單加入的標準流程 在網頁互動的設計中，表單的製作是一個相當重要的動作，一個不良的表單設計，往往會造成程式的錯誤或是資料的遺失。表單的製作步驟如下： 1. 設定表單區域。 2. 插入表單元件、設定元件名稱及輸入值。 3. 插入送出表單按鈕及設定表單送出動作。 在網頁之中常會有許多輸入資料的欄位，最後只要按 送出 鈕即可將所填寫的資料送給程式處理，這個輸入資料的地方即是表單。 10-1 表單元件的介紹 10-1-2 表單元件的說明與使用 在 Dreamweaver 中插入表單，必須將 插入 面板切換至 表單 項目，以下是表單相關工具的簡介及說明： 表單：在文件中插入一個用紅色虛線所建立的表單範圍，當按 送出 鈕時會將該區域內同一組的資料全部送出。要注意這是建置表單的必備條件，加入表單就必須要有這個物件。 文字欄位：可以接受任何類型的中文、英數項目。輸入的文字可以顯示為單行、多行或密碼 (輸入時在畫面上顯示 * 號)。 隱藏欄位：若是有些參考值或是系統值資料想隨著表單送出，而不想被使用者修改與預覽時，可以將值儲存在這個欄位中。 文字區域：可用於輸入多行文字的欄位。 核取方塊：一次插入一個核取方塊，有多個選項時要重複插入。在同一個表單將多個核取方塊設定相同名稱即視為一個群組，可允許使用者在群組中複選。例如表單中設定「興趣」或是「專長」時都有多個選項並允許複選時使用。 核取方塊群組：一次可以插入一個核取方塊群組，這些方塊擁有相同的名稱，顯示格式可以是 斷行符號 (即一列一個選項)，也可以是 表格 形式。 選項按鈕：一次插入一個選項按鈕，有多個選項時要重複插入。在同一個表單將多個選項按鈕設定相同名稱即視為一個群組，使用者只能在群組中單選。例如表單中設定問題答案為「是」、「否」或是性別為「男」、「女」單選的選項。 選項按鈕群組：一次可以插入一個選項按鈕群組，這些按鈕共用相同的名稱，顯示格式可以是 斷行符號，也可以是 表格 形式。 清單/選單：可以在清單或是選單中建立選項供使用者選擇。選單 會用捲軸顯示彈出式選單，只允許使用者選取單一選項。清單 會顯示出條列式清單，若 高 值小於選項會自動顯示捲軸；若在 選取範圍 屬性核選 允許多重，則可允許按 Ctrl 鍵不放選取多個項目。 跳頁選單：嚴格來說 跳頁選單 並不能算是表單元素，而是 Dreamweaver 特有的表單加上 JavaScript 跳頁的特效。它的呈現方式是插入一個選單項目，其中每個選項都可連結到指定文件或檔案或 URL (網址）。 影像欄位：可在表單中插入影像欄位，用來取代 送出 按鈕，作成圖形式按鈕 (但無法做為 「重設表單」 或 「無」)。 檔案欄位：會在文件中插入空白的文字欄位和 瀏覽 按鈕。讓使用者可以瀏覽找到硬碟上的檔案，並將檔案視為表單資料上傳。