職稱計算機考試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、字段集

“字段集”在文本中設置文本標籤。

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