資源描述:
《dreamweaver網(wǎng)頁設(shè)計第7章_表單與行為》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第7章表單與行為主要內(nèi)容表單和行為的概念創(chuàng)建表單和添加表單對象常用表單對象的使用方法在Dreamweaver8.0中添加和刪除行為常用Dreamweaver8.0中自帶行為7.1表單7.1.1表單概述表單是用于實現(xiàn)瀏覽者與網(wǎng)頁制作者之間信息交互的一種網(wǎng)頁對象。表單被廣泛應(yīng)用于信息的搜集與反饋,是網(wǎng)站管理者與瀏覽者之間溝通的橋梁。表單通常應(yīng)用于調(diào)查表、訂單和搜索界面中。表單的兩個重要組成部分:①描述表單的HTML源代碼-“刊登”表單的網(wǎng)頁;②用于處理用戶在表單域中輸入的信息的服務(wù)器端應(yīng)用程序或客戶端腳本,如CGI、ASP等。7.1.2表
2、單的創(chuàng)建與管理1.創(chuàng)建表單選擇以下方法之一:⑴把光標置于要插入表單的位置,然后選擇菜單“插入/表單”。⑵把光標置于要插入表單的位置,然后單擊插入欄“表單”類別中的“表單”按鈕。⑶拖動“表單”按鈕到頁面上要插入表單的位置。插入表單后,在網(wǎng)頁的光標處會出現(xiàn)一個紅色的虛線框。頁面中虛線框表示表單,此框的作用僅僅是方便編輯,它不會出現(xiàn)在瀏覽器中。7.1.2表單的創(chuàng)建與管理2.設(shè)置表單屬性表單名稱:設(shè)置表單的名稱。動作:設(shè)置表單處理程序的URL。。目標:設(shè)置顯示表單數(shù)據(jù)處理結(jié)果網(wǎng)頁的打開方式。方法:設(shè)置處理表單數(shù)據(jù)的類型。有默認、GET和POS
3、T三種。MIME類型:選擇發(fā)送數(shù)據(jù)的MIME編碼類型。7.1.2表單的創(chuàng)建與管理3.設(shè)置表單對象屬性⑴表單對象包括:文本域、文本區(qū)域、按鈕、復(fù)選框、單選按鈕、列表/菜單、文件域、圖形域、隱藏域、單選按鈕組、跳轉(zhuǎn)菜單。表單對象是允許用戶輸入數(shù)據(jù)的機制。當瀏覽者將信息輸入表單并單擊提交按鈕時,信息將被發(fā)送到服務(wù)器,服務(wù)器端腳本或應(yīng)用程序?qū)@些數(shù)據(jù)進行處理。服務(wù)器通過將請求信息發(fā)送回瀏覽者或基于該表單執(zhí)行一些操作來進行響應(yīng)。7.1.2表單的創(chuàng)建與管理⑵表單對象的插入選擇以下方法之一:①把光標置于表單內(nèi),然后從菜單“插入/表單”中選擇一個對象
4、。②把光標置于表單內(nèi),然后單擊插入面板上的表單對象按鈕。③拖動表單對象按鈕到表單內(nèi)想放置的位置。7.1.2表單的創(chuàng)建與管理⑶表單對象的屬性①文本域的屬性文本域:設(shè)置文本域的名稱。字符寬度:設(shè)置文本域可顯示的最大字符數(shù)。最多字符數(shù):指定文本域可以輸入的最大字符數(shù)。類型:指定文本域為單行、多行或密碼。單行:單行文本域。用于輸入單行信息。密碼:密碼域,用于輸入密碼。多行:多行文本域。用于輸入內(nèi)容較多的信息。行數(shù):設(shè)置多行文本域的高度。初始值:指定表單首次被載入時顯示在文本域中的值。7.1.2表單的創(chuàng)建與管理②按鈕的屬性按鈕名稱:設(shè)置按鈕的名
5、稱。標簽:設(shè)置顯示在按鈕上的文本。動作:確定按鈕被單擊時發(fā)生的動作。有三種選擇:提交表單:用于提交表單數(shù)據(jù)給處理程序或腳本。重置表單:將表單內(nèi)所有對象恢復(fù)為各自的初值。無:不發(fā)生任何動作,即當單擊按鈕時,提交和重置動作都不發(fā)生7.1.2表單的創(chuàng)建與管理③單選按鈕的屬性單選按鈕:設(shè)置單選按鈕的名稱。同一組的單選鈕的名稱必須相同。選定值:設(shè)置單選鈕被選時的取值。當用戶提交表單時,該值被傳送給處理程序(如CGI腳本)。應(yīng)賦給同組的每個單選鈕不同的值。初始狀態(tài):指定首次載入表單時單選鈕是已選還是未選。一組單選鈕中,只能有一個按鈕的初始狀態(tài)被設(shè)
6、為選中。7.1.2表單的創(chuàng)建與管理④復(fù)選框的屬性復(fù)選框名稱:設(shè)置復(fù)選框的名稱。選定值:設(shè)置復(fù)選框被選擇時的取值。當用戶提交表單時,該值被傳送給服務(wù)器端應(yīng)用程序(如CGI腳本)。初始狀態(tài):設(shè)置首次載入表單時復(fù)選框是已選還是未選。7.1.2表單的創(chuàng)建與管理⑤列表/菜單屬性列表/菜單:設(shè)置列表或菜單名稱。類型:指定此對象是菜單還是列表。對于列表,還可以設(shè)置以下屬性:高度:在不滾動情況下顯示出來的選項數(shù)。選定范圍:通過勾選“允許多選”復(fù)選框來設(shè)置是否允許用戶從列表中選擇多項。列表值:添加選項到列表或菜單中。7.1.2表單的創(chuàng)建與管理⑥文件域的
7、屬性文件域名稱:設(shè)置文件域的名稱。字符寬度:設(shè)置文件域可顯示的最大字符數(shù)。這個數(shù)字可以比最多字符數(shù)小。最多字符數(shù):設(shè)置文件域可以輸入的最大字符數(shù)。使用此項屬性限制文件名長度。7.1.2表單的創(chuàng)建與管理⑦圖像域?qū)傩詧D像區(qū)域:設(shè)置圖像域的名稱。源文件:設(shè)置圖像域的源文件。單擊文件夾圖標,可在磁盤上瀏覽到一個圖像文件。替代文本:指定替換文本,在文本瀏覽器或者關(guān)閉了圖像下載的瀏覽器上使用。在某些瀏覽器上,這段文本也在鼠標滑過時顯示。7.1.2表單的創(chuàng)建與管理⑧隱藏域?qū)傩噪[藏區(qū)域:設(shè)置隱藏區(qū)域的名稱。值:設(shè)置隱藏區(qū)域的取值。7.1.3表單示例示
8、例:制作添加通訊錄表單,如圖7-12。操作步驟:⑴創(chuàng)建名為add.htm的文件。⑵在頁面中插入表單。⑶在表單中插入表格,表格的標題設(shè)置為“添加通訊錄”,其余屬性設(shè)置如圖7-13。⑷將第一列的背景色設(shè)置為#ffcc99,第