【文章內(nèi)容簡介】 聯(lián)系地址等用戶信息的輸入?yún)^(qū)域集合。 ? 表單的工作流程： 填寫信息 提交信息 Web服務(wù)器 CGI（公共網(wǎng)關(guān)接口） 表單的基本概念 1．表單的工作原理 表單的作用是從客戶端收集信息。當訪問者在表單中輸入信息，單擊提交按鈕后，這些信息將被發(fā)送到服務(wù)器，服務(wù)器端腳本或應(yīng)用程序?qū)@些信息進行處理。用于處理表單數(shù)據(jù)的常用服務(wù)器端技術(shù)包括 Macromedia ColdFusion， Microsoft Active Server Pages（ ASP）和 PHP。服務(wù)器進行響應(yīng)時，會將被請求信息發(fā)送回用戶（或客戶端。 2．表單對象 表單、文本字段、隱藏域、文本域、復(fù)選框、單選按鈕、單選按鈕組、列表 /菜單、跳轉(zhuǎn)菜單、圖像域、文件域、命令按鈕、標簽和字段集。 表單 表單的作用 ? 根據(jù)訪問者輸入的信息，自動生成頁面反饋給訪問者； ? 為網(wǎng)站收集訪問者輸入的信息。 表單的使用 ? 一部分是表單本身，即怎樣把表單作為頁面元素加入到網(wǎng)頁頁面。 ? 另一部分為表單的處理，即調(diào)用服務(wù)器端的腳本程序，或使以電子郵件的方式發(fā)送。 檢查表單 【 例 98】 以例 97中的熱播電視劇收視調(diào)查表表單為基礎(chǔ)，在表單中使用 “ 檢查表單 ” 行為。檢查規(guī)則設(shè)置為 “ 調(diào)查者姓名 ”和 “ 調(diào)查者密碼 ” 文本框必須輸入內(nèi)容，如果沒有輸入內(nèi)容，則表單提交后彈出警告信息；電子郵件地址必須合乎郵件地址的格式，否則表單提交后彈出警告信息，實例效果如圖 981所示。 表單 【 例 98】 圖 981 實例效果 【 例 97】 ? 描述表單的 HTML源代碼 。 ? 用于處理用戶在表單域中輸入的信息的服務(wù)器端應(yīng)用程序或客戶端腳本 。 表單 表單簡介 Object面板的表單元素 表單有兩個重要組成部分： 表單屬性 ? “表單名稱”： JavaScript和 VBScrpt等教本語言要通過表單名稱進行控制； ? 動作：識別處理表單信息的服務(wù)器端應(yīng)用程序。 ? 方法： Get:將表單值追加到 URL并發(fā)送服務(wù)器 get請求； POST：在消息正文中發(fā)送表單值并發(fā)送服務(wù)器post請求。 ? 動作一欄中若用電子郵件的發(fā)送方式：mailto:電子郵件 ?subject=主題 ? 代碼中采用： enctype=“text/plain”,表單內(nèi)容將以正文的方式發(fā)送，否則將以附件的方式發(fā)送 創(chuàng)建 Form表單 ? 選擇 Insert下的 Form 利用 Dreamweaver 處理表單 1． 插入文本框 （ 1） 創(chuàng)建空白表單 （ 2） 插入文本框 ① 插入單行文本框 ② 插入多行文本框 ③ 插入密碼文本框 2． 設(shè)置文本框?qū)傩? 3． 插入單選按鈕 （ 1） 插入單選按鈕 （ 2） 設(shè)置單選按鈕的屬性 4． 插入復(fù)選框 （ 1） 插入復(fù)選框 （ 2） 設(shè)置復(fù)選框的屬性 5． 插入下拉列表框 （ 1） 插入下拉列表框 （ 2） 設(shè)置下拉列表框?qū)傩? 6． 插入按鈕 （ 1） 插入 “ Submit”（ 提交 ） 按鈕 （ 2） 插入 “ Reset”（ 重置 ） 按鈕 （ 3） 插入 “ Button”按鈕 插入文本框 空白表單的屬性面板 修改空白表單的屬性 列表框，屬性面板 插入文件字段 插入圖像域和跳轉(zhuǎn)菜單 ? 可設(shè)定名稱 ? 設(shè)置類型是“菜單”或“列表”， 當選擇菜單時，不能設(shè)置其高度，并每次只能選擇一個列表中的項目。當選擇列表時，可以設(shè)置高度，并能設(shè)置一次選擇多個列表中的項目。 ? 當在“列表值” … 中輸入列表中項目，和值后，可以在“初始化時選定”中選列表第一個項目顯示哪個。 框架介紹 ? 框架：可以將整個網(wǎng)頁分割為多個區(qū)域，每個區(qū)域顯示為不同的文檔內(nèi)容（框架窗口）； ? 例如：左邊顯示站點，右邊顯示站點內(nèi)容；單擊左邊的站點，右邊顯示相應(yīng)的內(nèi)容 ? 應(yīng)用框架的頁面稱為框架頁面。 ? 在任何一個框架窗口中單獨顯示一個網(wǎng)頁。 ? 是將兩個或兩個以上的網(wǎng)頁頁面組合起來，能用同一個窗口打開的結(jié)構(gòu)，即多個頁面合起來顯示成一個頁面的效果。 ? 框架由兩部分組成：一個框架集和獨立的框架。 ? 框架集文件定義了包含在該框架集中的框架數(shù)量、每個框架的大小、鏈接到每個框架的頁面?？蚣芗⒉辉跒g覽器中顯示，它只存儲包括上述信息在內(nèi)的、關(guān)于每個框架的信息。 窗框結(jié)構(gòu) ? 框架集：將幾個框架頁面結(jié)合起來，告訴瀏覽器有哪些內(nèi)容文件，怎樣排列； ? 框架頁面：內(nèi)容文件 ,將在窗口中分框顯示，每個頁面作為總頁面的一個框體。例如，一個兩框的窗框結(jié)構(gòu)有三個文件，即一個窗框設(shè)置文件、兩個內(nèi)容文件。 框架的作用 ? 節(jié)約下載時間 ? 導(dǎo)航功能 ? 能統(tǒng)一風(fēng)格、便于制作和修改、方便訪問。 ? 缺點：使用窗框結(jié)構(gòu)的頁面會影響頁面的瀏覽速度。 窗框結(jié)構(gòu)網(wǎng)頁的保存 ? 窗框結(jié)構(gòu)包括框架集和框體內(nèi)容文件兩方面的網(wǎng)頁文件。 ? 保存窗框結(jié)構(gòu)頁面時，點擊菜單欄的“文件” “保存全部”的頁面； ? 點擊菜單欄的 File\Frameset是保存窗框設(shè)置文件； ? 移動光標到某一特定框體，點擊菜單欄的文件 保存是保存此框體的內(nèi)容文件。 使用框架排版 【 例 99】 制作一個使用框架排版的網(wǎng)頁，頁面分為 3個區(qū)域：上邊是網(wǎng)站主題區(qū)，左邊是導(dǎo)航區(qū)，右邊是內(nèi)容區(qū)。在瀏覽網(wǎng)頁時，單擊左邊的某個文本鏈接，則對應(yīng)的鏈接內(nèi)容顯示在右邊，而上邊的網(wǎng)站主題和左邊的導(dǎo)航欄目仍然