- 相關推薦
職稱計算機考試Dreamwaver中表單的創建與應用
表單在網頁中主要負責數據采集功能。下面小編給大家講述的是職稱計算機考試Dreamwaver中表單的創建與應用，大家可以參考閱讀，更多詳情請關注應屆畢業生考試網。
創建表單
在Dreamweaver中可以創建各種各樣的表單，表單中可以包含各種對象，例如文本域、按鈕、列表等。
1、插入表單
在網頁中添加表單對象，首先必須創建表單。表單在瀏覽網頁中屬于不可見元素。在Dreamweaver8中插入一個表單。當頁面處于“設計”視圖中時，用紅色的虛輪廓線指示表單。如果沒有看到此輪廓線，請檢查是否選中了“查看”>“可視化助理”>“不可見元素”。
(1)將插入點放在希望表單出現的位置。選擇“插入”>“表單”，或選擇“插入”欄上的“表單”類別，然后單擊“表單”圖標，
(2)用鼠標選中表單，在屬性面板上可以設置表單的各項屬性。
在“動作”文本框中指定處理該表單的動態也或腳本的路徑。
在“方法”下拉列表中，選擇將表單數據傳輸到服務器的方法。表單“方法”有：
POST 在 HTTP 請求中嵌入表單數據。GET 將值追加到請求該頁的 URL 中。默認 使用瀏覽器的默認設置將表單數據發送到服務器。通常，默認方法為 GET 方法。不要使用 GET 方法發送長表單。URL 的長度限制在 8,192 個字符以內。如果發送的數據量太大，數據將被截斷，從而導致意外的或失敗的處理結果。而且，在發送機密用戶名和密碼、信用卡號或其他機密信息時，不要使用 GET 方法。用 GET 方法傳遞信息不安全。
在“目標”彈出式菜單指定一個窗口，在該窗口中顯示調用程序所返回的數據。如果命名的窗口尚未打開，則打開一個具有該名稱的新窗口。目標值有： _blank，在未命名的`新窗口中打開目標文檔。 _parent，在顯示當前文檔的窗口的父窗口中打開目標文檔。 _self，在提交表單所使用的窗口中打開目標文檔。 _top，在當前窗口的窗體內打開目標文檔。此值可用于確保目標文檔占用整個窗口，即使原始文檔顯示在框架中。
表單的應用
1、一個簡單的提交留言頁面
新建11.html網頁文件，選擇表單插入欄，插入表單，將光標放置在表單內，插入一個5行2列的表格，將第1、5行合并。分別在第2、3行插入文本字段，在第4行插入文本區域，在第5行插入兩個按鈕。
文本域是用戶在其中輸入響應的表單對象。有三種類型的文本域：
單行文本域通常提供單字或短語響應，如姓名或地址。
多行文本域為訪問者提供一個較大的區域，供其輸入響應。可以指定訪問者最多可輸入的行數以及對象的字符寬度。如果輸入的文本超過這些設置，則該域將按照換行屬性中指定的設置進行滾動。
密碼域是特殊類型的文本域。當用戶在密碼域中鍵入時，所輸入的文本被替換為星號或項目符號，以隱藏該文本，保護這些信息不被看到。
頁面布局效果如下:
2、制作網頁跳轉菜單
打開一個建立好的網頁文件，把鼠標的光標放置在需要插入跳轉菜單的.位置。選擇表單插入欄中的“跳轉菜單”命令，在網頁中插入一個跳轉菜單。
在彈出的“跳轉菜單”對話框中，根據提示輸入相應內容：
點擊確定，按F12預覽效果。
3、運行代碼實例
新建文件12.html。
打開12.html，插入表單，在表單中插入一個文本區域，在回車，再插入一個按鈕。
選中文本區域，在屬性面板中，設置文本區域的文本寬度為50，行數為8。
選中按鈕，在屬性面板中，將按鈕的值設為“運行代碼”。
選中form表單，在屬性面板中，單擊動作文本框旁的“瀏覽按鈕”，選擇指向13.html，目標選擇_blank。
在11.html的代碼區復制整個代碼，在打開12.html文件，在設計視圖中選中文本區域，轉到代碼區，將光標放置在<textarea name="textarea" cols="50" rows="8"></textarea>的“><”之間，按住Ctrl+V粘貼11.html頁面的代碼。 保存后，按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、字段集
“字段集”在文本中設置文本標簽。
認識了表單，那么創建和使用表單時就可以根據需要進行選擇。表單時動態網頁的靈魂。
【職稱計算機考試Dreamwaver中表單的創建與應用】相關文章：
職稱計算機考試知識考點：計算機的應用03-30
職稱計算機考試中WPS的技巧使用12-07