職稱計算機考試Dreamwaver中表單的建立與應用

表單在網頁中主要負責資料採集功能。下面小編給大家講述的是職稱計算機考試Dreamwaver中表單的建立與應用，大家可以參考閱讀，更多詳情請關注應屆畢業生考試網。

　　建立表單

在Dreamweaver中可以建立各種各樣的表單，表單中可以包含各種物件，例如文字域、按鈕、列表等。

1、插入表單

在網頁中新增表單物件，首先必須建立表單。表單在瀏覽網頁中屬於不可見元素。在Dreamweaver8中插入一個表單。當頁面處於“設計”檢視中時，用紅色的虛輪廓線指示表單。如果沒有看到此輪廓線，請檢查是否選中了“檢視”>“視覺化助理”>“不可見元素”。

(1)將插入點放在希望表單出現的位置。選擇“插入”>“表單”，或選擇“插入”欄上的“表單”類別，然後單擊“表單”圖示，

(2)用滑鼠選中表單，在屬性面板上可以設定表單的各項屬性。

在“動作”文字框中指定處理該表單的動態也或指令碼的路徑。

在“方法”下拉列表中，選擇將表單資料傳輸到服務器的方法。表單“方法”有：

POST 在 HTTP 請求中嵌入表單資料。GET 將值追加到請求該頁的 URL 中。預設 使用瀏覽器的預設設定將表單資料傳送到伺服器。通常，預設方法為 GET 方法。不要使用 GET 方法傳送長表單。URL 的長度限制在 8,192 個字元以內。如果傳送的資料量太大，資料將被截斷，從而導致意外的或失敗的處理結果。而且，在傳送機密使用者名稱和密碼、信用卡號或其他機密資訊時，不要使用 GET 方法。用 GET 方法傳遞資訊不安全。

在“目標”彈出式選單指定一個視窗，在該視窗中顯示呼叫程式所返回的資料。如果命名的視窗尚未開啟，則開啟一個具有該名稱的新視窗。目標值有： _blank，在未命名的新視窗中開啟目標文件。 _parent，在顯示當前文件的視窗的父視窗中開啟目標文件。 _self，在提交表單所使用的視窗中開啟目標文件。 _top，在當前視窗的窗體內開啟目標文件。此值可用於確保目標文件佔用整個視窗，即使原始文件顯示在框架中。

　　表單的應用

　　1、一個簡單的提交留言頁面

新建網頁檔案，選擇表單插入欄，插入表單，將游標放置在表單內，插入一個5行2列的表格，將第1、5行合併。分別在第2、3行插入文字欄位，在第4行插入文字區域，在第5行插入兩個按鈕。

文字域是使用者在其中輸入響應的表單物件。有三種類型的文字域：

單行文字域通常提供單字或短語響應，如姓名或地址。

多行文字域為訪問者提供一個較大的區域，供其輸入響應。可以指定訪問者最多可輸入的行數以及物件的字元寬度。如果輸入的文字超過這些設定，則該域將按照換行屬性中指定的設定進行滾動。

密碼域是特殊型別的文字域。當用戶在密碼域中鍵入時，所輸入的文字被替換為星號或專案符號，以隱藏該文字，保護這些資訊不被看到。

頁面佈局效果如下:

　　2、製作網頁跳轉選單

開啟一個建立好的網頁檔案，把滑鼠的游標放置在需要插入跳轉選單的位置。選擇表單插入欄中的“跳轉選單”命令，在網頁中插入一個跳轉選單。

在彈出的“跳轉選單”對話方塊中，根據提示輸入相應內容：

點選確定，按F12預覽效果。

　　3、執行程式碼例項

新建檔案。

開啟，插入表單，在表單中插入一個文字區域，在回車，再插入一個按鈕。

選中文本區域，在屬性面板中，設定文字區域的文字寬度為50，行數為8。

選中按鈕，在屬性面板中，將按鈕的值設為“執行程式碼”。

選中form表單，在屬性面板中，單擊動作文本框旁的“瀏覽按鈕”，選擇指向，目標選擇_blank。

在的程式碼區複製整個程式碼，在開啟檔案，在設計檢視中選中文字區域，轉到程式碼區，將游標放置在<textarea name="textarea" cols="50" rows="8"></textarea>的“><”之間，按住Ctrl+V貼上頁面的程式碼。　　儲存後，按F12預覽。

　　認識表單物件

使用表單，可以幫助Internet伺服器從使用者那裡收集資訊，例如收集使用者資料、獲取使用者訂單，在Internet上統也同樣存在大量的表單，讓使用者輸入文字進行選擇。

1、通常表單的工作過程如下：

(1)訪問者在瀏覽有表單的頁面時，可填寫必要的'資訊，然後單擊“提交”按鈕。

(2)這些資訊通過Internet傳送到伺服器上。

(3)伺服器上專門的程式對這些資料進行處理，如果有錯誤會返回錯誤資訊，並要求糾正錯誤。

(4)當資料完整無誤後，伺服器反饋一個輸入完成資訊。

2、一個完整的表單包含兩個部分：

(1)一個是在網頁中進行描述的表單物件。

(2)二是應用程式，它可以是伺服器端的，也可以是客戶端的，用於對客戶資訊進行分析處理。

　　二、認識表單物件

在 Dreamweaver 中，表單輸入型別稱為表單物件。可以通過選擇“插入”>“表單物件”來插入表單物件，或者通過從下圖顯示的“插入”欄的“表單”面板訪問表單物件來插入表單物件。

1、表單

“表單”在文件中插入表單。任何其他表單物件，如文字域、按鈕等，都必須插入表單之中，這樣所有瀏覽器才能正確處理這些資料。

2、文字域

“文字域”在表單中插入文字域。文字域可接受任何型別的字母數字項。輸入的文字可以顯示為單行、多行或者顯示為專案符號或星號(用於保護密碼)。

3、複選框

“複選框”在表單中插入複選框。複選框允許在一組選項中選擇多項，使用者可以選擇任意多個適用的選項。

4、單選按鈕

“單選按鈕”在表單中插入單選按鈕。單選按鈕代表互相排斥的選擇。選擇一組中的某個按鈕，就會取消選擇該組中的所有其他按鈕。例如，使用者可以選擇“是”或“否”。

5、單選按鈕組

“單選按鈕組”插入共享同一名稱的單選按鈕的集合。

6、列表/選單

“列表/選單”使您可以在列表中建立使用者選項。“列表”選項在滾動列表中顯示選項值，並允許使用者在列表中選擇多個選項。“選單”選項在彈出式選單中顯示選項值，而且只允許使用者選擇一個選項。

7、跳轉選單

“跳轉選單”插入可導航的列表或彈出式選單。跳轉選單允許您插入一種選單，在這種選單中的每個選項都連結到文件或檔案。請參見建立跳轉選單。

8、影象域

“影象域”使您可以在表單中插入影象。可以使用影象域替換“提交”按鈕，以生成圖形化按鈕。

9、檔案域

“檔案域”在文件中插入空白文字域和“瀏覽”按鈕。檔案域使使用者可以瀏覽到其硬碟上的檔案，並將這些檔案作為表單資料上傳。

10、按鈕

“按鈕”在表單中插入文字按鈕。按鈕在單擊時執行任務，如提交或重置表單。可以為按鈕新增自定義名稱或標籤，或者使用預定義的“提交”或“重置”標籤之一。

11、標籤

“標籤”在文件中給表單加上標籤，以形式開頭和結尾。

12、欄位集

“欄位集”在文字中設定文字標籤。

認識了表單，那麼建立和使用表單時就可以根據需要進行選擇。表單時動態網頁的靈魂。