網(wǎng)頁(yè)制作基礎(chǔ)教程 （Dreamweaver CC）（第3版）課件 第7、8章 使用表單、使用行為

職業(yè)教育教學(xué)用書(shū)網(wǎng)頁(yè)制作基礎(chǔ)教程（DreamweaverCC）網(wǎng)站制作前的準(zhǔn)備1網(wǎng)頁(yè)布局與規(guī)劃2網(wǎng)頁(yè)的編輯3網(wǎng)頁(yè)的多媒體效果4網(wǎng)站的管理與上傳5模塊目錄使用表單插入表單創(chuàng)建互動(dòng)留言簿項(xiàng)目一創(chuàng)建表單網(wǎng)頁(yè)子項(xiàng)目1插入表單表單簡(jiǎn)單來(lái)說(shuō)，表單就是用戶可以在網(wǎng)頁(yè)中填寫信息的表格，其作用是接收用戶信息并將其提交給Web服務(wù)器上特定的程序進(jìn)行處理。表單域又被稱為“表單控件”，是表單的基本組成元素之一。用戶通過(guò)表單中的表單域輸入信息或選擇項(xiàng)目。在面板組中打開(kāi)“插入”面板，選擇“表單”選項(xiàng)卡，可以看到各種表單元素，使用這些表單元素就可以制作一個(gè)簡(jiǎn)單的表單網(wǎng)頁(yè)。選擇菜單欄中的“插入”→“表單”→“表單”命令，插入一個(gè)表單域。子項(xiàng)目1插入表單子項(xiàng)目1插入表單讀一讀：“表單”下拉菜單在“表單”下拉菜單中有多個(gè)命令可以選擇，選擇不同的命令就可以實(shí)現(xiàn)插入不同表單元素效果。一般常用的表單命令有以下幾種。（1）“表單”命令：用于插入一個(gè)表單，只有在表單區(qū)域插入的信息才會(huì)被提交到服務(wù)器中。（2）“文本”命令：用于在表單中插入一行文本。（3）“文本區(qū)域”命令：用于在表單中插入多行文本。（4）“按鈕”命令：用于在表單中插入文本按鈕，單擊時(shí)實(shí)現(xiàn)提交或重置表單的命令。（5）“文件”命令：用于在表單中插入文件，瀏覽硬盤上的文件并提交。（6）“圖像按鈕”命令：用于在表單中插入圖像，可以用它生成圖像化按鈕。（7）“隱藏”命令：用于在表單域中插入一個(gè)儲(chǔ)存用戶信息的域，實(shí)現(xiàn)瀏覽器和服務(wù)器在后臺(tái)隱藏地交換信息。（8）“選擇”命令：用于在表單中插入下拉列表或菜單。（9）“單選按鈕”命令：用于在表單中插入一個(gè)單選按鈕，代表相互排斥的選擇。插入表單后，網(wǎng)頁(yè)中出現(xiàn)了一個(gè)紅色虛線框，該虛線框中的區(qū)域被稱為“表單域”，之后所有的表單元素都要插入這個(gè)虛線框中，這樣所有的信息將得到統(tǒng)一處理。子項(xiàng)目1插入表單子項(xiàng)目1插入表單讀一讀選中表單時(shí)，屬性檢查器中的內(nèi)容會(huì)自動(dòng)更新為與之相關(guān)的選項(xiàng)，主要選項(xiàng)說(shuō)明如下。（1）“ID”文本框：用于設(shè)置表單的名稱。（2）“Class”下拉列表：用于設(shè)置應(yīng)用在表單上的樣式。（3）“Action”文本框：用于設(shè)置表單的服務(wù)器腳本路徑。例如，使用mailto:將信息發(fā)送到郵箱。（4）“Method”下拉列表：用于設(shè)置提交表單后反饋?lái)?yè)面的打開(kāi)方式。（5）“Enctype”下拉列表：發(fā)送信息數(shù)據(jù)的編碼類型。選擇菜單欄中的“插入”→“表單”→“文本”命令，插入文本框。Dreamweaver窗口底部的屬性檢查器中“Name”文本框中輸入“name”作為該文本框的標(biāo)識(shí)。子項(xiàng)目2文本子項(xiàng)目2文本讀一讀：文本框?qū)傩詸z查器設(shè)置選項(xiàng)當(dāng)選中文本框時(shí)，屬性檢查器中的內(nèi)容發(fā)生變化，顯示的是文本框的設(shè)置選項(xiàng)，主要選項(xiàng)說(shuō)明如下。（1）“Name”文本框：用于輸入文本框的名稱。（2）“Class”下拉列表：用于設(shè)置應(yīng)用在文本框上的導(dǎo)航樣式。（3）“Size”文本框：用于設(shè)置文本框的長(zhǎng)度，以英文字符個(gè)數(shù)為基礎(chǔ)。（4）“MaxLength”文本框：用于指定文本框的最大字符數(shù)。（5）“Value”文本框：用于設(shè)置文本框中默認(rèn)的顯示文本。（6）“Disabled”復(fù)選框：勾選后，禁止在文本框中輸入內(nèi)容。（7）“Required”復(fù)選框：勾選后，要求在提交表單時(shí)，必須為文本框輸入內(nèi)容。（8）“AutoFocus”復(fù)選框：勾選后，在支持HTML5的瀏覽器中打開(kāi)表單時(shí)，鼠標(biāo)指針會(huì)自動(dòng)出現(xiàn)在該文本框中。（9）“ReadOnly”復(fù)選框：勾選后，文本框?yàn)橹蛔x屬性，不可更改內(nèi)容。（10）“AutoComplete”復(fù)選框：勾選后，文本框啟動(dòng)自動(dòng)完成功能。（11）“Pattern”文本框：用于設(shè)置驗(yàn)證輸入內(nèi)容的字段模式。在其他表單項(xiàng)目的屬性檢查器中大多也包含這些內(nèi)容，它們的作用基本相同。在屬性檢查器中將“Size”設(shè)置為“10”，也就是設(shè)置文本框的長(zhǎng)度為10個(gè)字符，即5個(gè)漢字。在文檔編輯區(qū)單擊可以發(fā)現(xiàn)，文本框的長(zhǎng)度縮短了。子項(xiàng)目2文本選擇菜單欄中的“插入”→“表單”→“文本區(qū)域”命令，插入一個(gè)文本區(qū)域。在屬性檢查器中“Name”文本框中輸入“neirong”作為該文本框的標(biāo)識(shí)。子項(xiàng)目3文本區(qū)域子項(xiàng)目3文本區(qū)域讀一讀：文本區(qū)域?qū)傩詸z查器設(shè)置選項(xiàng)當(dāng)選中文本區(qū)域時(shí)，屬性檢查器中的內(nèi)容發(fā)生變化，顯示的是文本區(qū)域的設(shè)置選項(xiàng)，其主要選項(xiàng)的說(shuō)明如下。（1）“Name”文本框：用于設(shè)置文本區(qū)域的名稱。（2）“Rows”文本框：用于設(shè)置文本區(qū)域內(nèi)橫向上可輸入的字符數(shù)。（3）“Cols”文本框：用于設(shè)置文本區(qū)域的行數(shù)。當(dāng)實(shí)際行數(shù)大于該值時(shí)，自動(dòng)出現(xiàn)滾動(dòng)條。（4）“Disabled”復(fù)選框：勾選后，禁止在該文本區(qū)域輸入內(nèi)容。（5）“ReadOnly”復(fù)選框：勾選后，該文本區(qū)域?yàn)橹蛔x屬性，禁止修改內(nèi)容。（6）“Class”下拉列表：用于選擇該文本區(qū)域的樣式。（7）“Value”文本框：用于輸入文本區(qū)域的默認(rèn)顯示內(nèi)容。（8）“Wrap”下拉列表：用于選擇文本區(qū)域內(nèi)的換行模式，包括“默認(rèn)”“Soft”（軟回車）“Hard”（硬回車）3個(gè)選項(xiàng)。在屬性檢查器中將“Rows”設(shè)置為“10”，“Cols”設(shè)置為“50”，在“Value”文本框中輸入“歡迎您留言交流！”，勾選“Required”復(fù)選框。文本區(qū)域框變大，同時(shí)在文本區(qū)域中顯示“歡迎您留言交流！”一行文字。子項(xiàng)目3文本區(qū)域選擇菜單欄中的“插入”→“表單”→“單選按鈕組”命令。在彈出的“單選按鈕組”對(duì)話框中，修改第1個(gè)單選按鈕的“標(biāo)簽”為“男”，第2個(gè)單選按鈕的“標(biāo)簽”為“女”，也可以單擊“+”按鈕或“-”按鈕來(lái)增加或減少單選按鈕，單擊“確定”按鈕。子項(xiàng)目4單選按鈕與單選按鈕組“單選按鈕組”對(duì)話框中的主要選項(xiàng)說(shuō)明如下。（1）“名稱”文本框：用于輸入單選按鈕組的名稱。（2）“標(biāo)簽”列表：用于設(shè)置單選按鈕的文字說(shuō)明。（3）“值”列表：用于設(shè)置單選按鈕的值。（4）“換行符”單選按鈕：選中后，單選按鈕在網(wǎng)頁(yè)中直接換行。（5）“表格”單選按鈕：選中后，自動(dòng)插入表格用于單選按鈕換行。子項(xiàng)目4單選按鈕與單選按鈕組讀一讀：“單選按鈕組”對(duì)話框選中“男”單選按鈕，并在屬性檢查器中勾選“Checked”復(fù)選框，即設(shè)置默認(rèn)選擇其性別為“男”。此時(shí)可以發(fā)現(xiàn)，“男”單選按鈕中出現(xiàn)一個(gè)黑點(diǎn)。子項(xiàng)目4單選按鈕與單選按鈕組當(dāng)選中單選按鈕時(shí)，屬性檢查器中的內(nèi)容發(fā)生變化，顯示的是單選按鈕的設(shè)置選項(xiàng)，其主要選項(xiàng)的說(shuō)明如下。（1）“Name”文本框：用于輸入單選按鈕的名稱。（2）“Disabled”復(fù)選框：勾選后，禁止使用該單選按鈕。（3）“Required”復(fù)選框：勾選后，要求在提交表單時(shí)必須選中該單選按鈕。（4）“AutoFocus”復(fù)選框：勾選后，在支持HTML5的瀏覽器中顯示該網(wǎng)頁(yè)時(shí)，鼠標(biāo)指針會(huì)自動(dòng)聚焦到該單選按鈕上。（5）“Class”下拉列表：用于指定單選按鈕所要使用的樣式。（6）“Form”下拉列表：用于設(shè)置單選按鈕所在的表單。（7）“Checked”復(fù)選框：用于設(shè)置當(dāng)前單選按鈕的初始狀態(tài)。（8）“Value”文本框：用于設(shè)置單選按鈕的值，該值會(huì)在上傳表單時(shí)傳到服務(wù)器上。子項(xiàng)目4單選按鈕與單選按鈕組讀一讀：?jiǎn)芜x按鈕的屬性檢查器在一個(gè)表單域中只允許一個(gè)單選按鈕被選中，如果有多組單選按鈕，則需要插入多個(gè)表單域，每個(gè)表單域中插入一組單選按鈕。子項(xiàng)目4單選按鈕與單選按鈕組選擇菜單欄中的“插入”→“表單”→“復(fù)選框組”命令，在“復(fù)選框組”對(duì)話框中輸入復(fù)選框組的名稱，依次增加復(fù)選框的標(biāo)簽，單擊“確定”按鈕。子項(xiàng)目5復(fù)選框“復(fù)選框組”對(duì)話框中各設(shè)置選項(xiàng)的主要說(shuō)明如下。（1）“名稱”文本框：用于輸入復(fù)選框的名稱。（2）“標(biāo)簽”列表：用于設(shè)置復(fù)選框的文字說(shuō)明。（3）“值”列表：用于設(shè)置復(fù)選框的值。（4）“換行符”單選按鈕：選中后，復(fù)選框在網(wǎng)頁(yè)中直接換行。（5）“表格”單選按鈕：選中后，自動(dòng)插入表格用于復(fù)選框換行。子項(xiàng)目5復(fù)選框讀一讀：“復(fù)選框組”對(duì)話框復(fù)選框的設(shè)置選項(xiàng)，其主要選項(xiàng)的說(shuō)明如下。（1）“Name”文本框：用于輸入復(fù)選框的名稱。（2）“Disabled”復(fù)選框：勾選后，禁止使用該復(fù)選框。（3）“Required”復(fù)選框：勾選后，在提交表單時(shí)，必須勾選該復(fù)選框。（4）“AutoFocus”復(fù)選框：勾選后，在支持HTML5的瀏覽器中打開(kāi)該網(wǎng)頁(yè)時(shí)，鼠標(biāo)指針會(huì)自動(dòng)指向復(fù)選框。（5）“Class”下拉列表：用于指定該復(fù)選框的類樣式。（6）“Form”下拉列表：用于設(shè)置該復(fù)選框的表單。（7）“Checked”復(fù)選框：用于設(shè)置該復(fù)選框的初始狀態(tài)。（8）“Value”文本框：用于設(shè)置該復(fù)選框被選中的值。子項(xiàng)目5復(fù)選框讀一讀：復(fù)選框的屬性檢查器選擇就是下拉列表。它可以顯示選項(xiàng)列表，既可以為留言者提供便利，又便于管理員對(duì)留言內(nèi)容進(jìn)行管理。選擇常被應(yīng)用于登記表上，如在詢問(wèn)國(guó)家、省份、受教育程度時(shí)經(jīng)常見(jiàn)到下拉列表。子項(xiàng)目6選擇選擇菜單欄中的“插入”→“表單”→“選擇”命令，在文檔編輯區(qū)單擊可以看到，文字后面插入一個(gè)“選擇”表單元素，選中“選擇”表單元素，首先在屬性檢查器的“Name”文本框中輸入“jiaxiang”作為該表單元素的名稱，然后單擊“列表值”按鈕。子項(xiàng)目6選擇選中“選擇”表單元素時(shí)，屬性檢查器中的內(nèi)容發(fā)生變化，顯示的是“選擇”表單元素的設(shè)置選項(xiàng)，其主要選項(xiàng)的說(shuō)明如下。（1）“Name”文本框：用于輸入該選擇的名稱。（2）“Disabled”復(fù)選框：勾選后，禁止使用該選擇。（3）“Required”復(fù)選框：勾選后，在提交表單時(shí)，必須選擇一個(gè)選擇。（4）“AutoFocus”復(fù)選框：勾選后，在支持HTML5的瀏覽器中打開(kāi)該網(wǎng)頁(yè)時(shí)，鼠標(biāo)指針會(huì)自動(dòng)指向該選擇。（5）“Multiple”復(fù)選框：勾選后，允許用戶選擇多個(gè)選項(xiàng)（按住Ctrl鍵選擇）。（6）“Class”下拉列表：用于指定該選擇的樣式。（7）“Form”下拉列表：用于設(shè)置該選擇的表單。（8）“Size”文本框：用于指定該選擇所能容納的數(shù)量。（9）“Selected”列表框：用于顯示當(dāng)前選擇內(nèi)包含的選項(xiàng)。（10）“列表值”按鈕：用于輸入或修改選擇的各個(gè)項(xiàng)目。子項(xiàng)目6選擇讀一讀：“選擇”的屬性檢查器在“列表值”對(duì)話框的“項(xiàng)目標(biāo)簽”列表中輸入項(xiàng)目標(biāo)簽。在輸入過(guò)程中，單擊“+”按鈕可以增加列表值，單擊“-”按鈕可以減少列表值。輸入完之后，單擊“確定”按鈕。子項(xiàng)目6選擇選中“選擇”表單元素，在屬性檢查器中選擇“Selected”列表框中的一項(xiàng)選項(xiàng)，這樣表單域中“來(lái)自：”右側(cè)的下拉列表中出現(xiàn)設(shè)定選項(xiàng)，并作為默認(rèn)值。子項(xiàng)目6選擇選擇菜單欄中的“插入”→“表單”→“‘提交’按鈕”命令，表單域下方插入一個(gè)“提交”按鈕。子項(xiàng)目7按鈕選擇菜單欄中的“插入”→“表單”→“‘重置’按鈕”命令，表單域中插入“重置”按鈕。當(dāng)單擊“提交”按鈕時(shí)，表單內(nèi)容被提交；當(dāng)單擊“重置”按鈕時(shí)，所有填寫內(nèi)容被清空，等待重新填寫。子項(xiàng)目7按鈕按鈕一共有3種類型：“提交”按鈕是將表單資料傳送到相應(yīng)位置；“重置”按鈕是將表單資料全部清除，等待重新輸入；“無(wú)”是常規(guī)按鈕，可以與其他程序相連，作為打開(kāi)其他程序的按鈕。子項(xiàng)目7按鈕表單元素還包括文件域、圖像域、隱藏域等。由于本項(xiàng)目并未涉及，因此沒(méi)有進(jìn)行詳細(xì)的介紹。請(qǐng)大家自行插入這些表單元素，并了解它們的作用，最后刪除即可。做一做：完善留言簿表單欄目提交表單信息項(xiàng)目二創(chuàng)建互動(dòng)留言簿留言簿是瀏覽者和網(wǎng)站設(shè)計(jì)者溝通的橋梁，一個(gè)好的留言簿可以記錄瀏覽者的意見(jiàn)和建議，對(duì)于網(wǎng)站的不斷完善起到非常重要的作用，但互聯(lián)網(wǎng)不是法外之地，每一個(gè)人都應(yīng)該對(duì)自己的言行負(fù)責(zé)，發(fā)言不能只圖自己痛快，卻置法律法規(guī)于不顧，只有謹(jǐn)言慎行、自覺(jué)自律，才能讓互聯(lián)網(wǎng)成為傳播正能量的平臺(tái)。子項(xiàng)目1完善留言簿表單欄目增加電子郵件地址等留言簿上的相關(guān)內(nèi)容，調(diào)整各元素的位置，更改字體大小、背景顏色等，完成留言簿的設(shè)置。子項(xiàng)目1完善留言簿表單欄目保存網(wǎng)頁(yè)后，在瀏覽器中打開(kāi)網(wǎng)頁(yè)，預(yù)覽網(wǎng)頁(yè)子項(xiàng)目1完善留言簿表單欄目保存網(wǎng)頁(yè)后，在瀏覽器中打開(kāi)網(wǎng)頁(yè)，用戶可以看到文字從屏幕右側(cè)向屏幕左側(cè)慢慢滾動(dòng)子項(xiàng)目2提交表單信息表單有兩個(gè)重要的組成部分：一個(gè)是描述表單的HTML源代碼，另一個(gè)是用于處理用戶在表單域中輸入信息的服務(wù)器端應(yīng)用程序或客戶端腳本。瀏覽者在頁(yè)面上看到的表單元素，僅提供輸入信息的功能。在瀏覽者單擊表單中的“提交”按鈕后，表單信息會(huì)先上傳到服務(wù)器中，然后由事先編輯好的CGI或ASP程序來(lái)處理，最后服務(wù)器將處理結(jié)果發(fā)送到瀏覽器中，也就是瀏覽者提交表單后出現(xiàn)的頁(yè)面。將鼠標(biāo)指針移動(dòng)到表單域虛線上并單擊，選中整個(gè)表單域，打開(kāi)屬性檢查器，在“Action”文本框中輸入“mailto:電子郵件地址”，表示表單信息將以電子郵件的形式發(fā)送給設(shè)定的電子郵件地址。子項(xiàng)目2提交表單信息保存網(wǎng)頁(yè)后，在瀏覽器中預(yù)覽并輸入表單信息，輸入完之后，單擊“提交”按鈕，打開(kāi)默認(rèn)的電子郵件程序。單擊“發(fā)送”按鈕，表單信息就會(huì)發(fā)送給設(shè)定的電子郵件地址。子項(xiàng)目2提交表單信息留言簿中的內(nèi)容通常不是通過(guò)電子郵件來(lái)傳遞的，而是通過(guò)后臺(tái)數(shù)據(jù)庫(kù)的支持存放到相應(yīng)的數(shù)據(jù)庫(kù)文件中。制作動(dòng)態(tài)網(wǎng)頁(yè)，將網(wǎng)站與數(shù)據(jù)庫(kù)連接，可以將留言簿的內(nèi)容保存到數(shù)據(jù)庫(kù)中，子項(xiàng)目2提交表單信息感謝聆聽(tīng)職業(yè)教育教學(xué)用書(shū)網(wǎng)頁(yè)制作基礎(chǔ)教程（DreamweaverCC）網(wǎng)站制作前的準(zhǔn)備1網(wǎng)頁(yè)布局與規(guī)劃2網(wǎng)頁(yè)的編輯3網(wǎng)頁(yè)的多媒體效果4網(wǎng)站的管理與上傳5模塊目錄使用行為行為概述使用行為彈出對(duì)話框項(xiàng)目一通過(guò)行為彈出信息子項(xiàng)目1行為概述行為是指為了響應(yīng)網(wǎng)頁(yè)中的某一事件而采取的一個(gè)動(dòng)作。當(dāng)把某個(gè)行為賦予網(wǎng)頁(yè)中的某個(gè)對(duì)象時(shí)，也就定義了一個(gè)動(dòng)作，以及與之相對(duì)應(yīng)的事件。事件可以是鼠標(biāo)指針的移動(dòng)、網(wǎng)頁(yè)的打開(kāi)與關(guān)閉、鍵盤的使用等。動(dòng)作可以是彈出問(wèn)候語(yǔ)、刷新頁(yè)面、播放音頻、檢查用戶瀏覽器等。調(diào)節(jié)瀏覽器的行為包括打開(kāi)瀏覽器窗口、調(diào)用JavaScript和轉(zhuǎn)到URL。子項(xiàng)目1行為概述調(diào)節(jié)瀏覽器的行為“打開(kāi)瀏覽器窗口”行為可以使鏈接文檔顯示在新的瀏覽器窗口中，并且可以調(diào)節(jié)瀏覽器窗口大小；“調(diào)用JavaScript”行為可以執(zhí)行自定義函數(shù)和JavaScript代碼；“轉(zhuǎn)到URL”行為可以打開(kāi)一個(gè)新的頁(yè)面?？刂茍D像的行為包括交換圖像、恢復(fù)交換圖像和預(yù)先載入圖像。子項(xiàng)目1行為概述控制圖像的行為“交換圖像”和“恢復(fù)交換圖像”行為可以實(shí)現(xiàn)鼠標(biāo)指針移動(dòng)到圖像時(shí)原來(lái)的圖像變?yōu)槠渌麍D像、鼠標(biāo)指針移出圖像時(shí)圖像恢復(fù)原狀的效果；“預(yù)先載入圖像”行為可以在網(wǎng)頁(yè)中預(yù)先載入圖像，更快地將頁(yè)面中的圖像顯示出來(lái)。顯示文本的行為包括彈出信息、設(shè)置狀態(tài)欄文本、設(shè)置容器文本和設(shè)置文本區(qū)域文本。子項(xiàng)目1行為概述顯示文本的行為“彈出信息”行為可以在一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)時(shí)，彈出消息框；“設(shè)置狀態(tài)欄文本”行為可以在瀏覽器的狀態(tài)欄中顯示文本內(nèi)容，這需要瀏覽器的支持；“設(shè)置容器文本”行為可以用指定內(nèi)容替換網(wǎng)頁(yè)中的內(nèi)容和格式設(shè)置；“設(shè)置文本區(qū)域文本”行為可以在頁(yè)面動(dòng)態(tài)地更新文本。加載多媒體的行為包括檢查插件、改變屬性和顯示-隱藏元素。子項(xiàng)目1行為概述加載多媒體的行為“檢查插件”行為可以檢查是否安裝了相應(yīng)的插件程序；“改變屬性”行為可以動(dòng)態(tài)地改變選定對(duì)象的屬性值；“顯示-隱藏元素”行為可以顯示、隱藏、恢復(fù)一個(gè)或多個(gè)Div元素的默認(rèn)可見(jiàn)性?？刂票韱蔚男袨榘ㄌD(zhuǎn)表單、跳轉(zhuǎn)表單開(kāi)始和檢查表單。子項(xiàng)目1行為概述控制表單的行為“跳轉(zhuǎn)表單”行為可以編輯菜單中的菜單對(duì)象；“跳轉(zhuǎn)表單開(kāi)始”行為可以手動(dòng)指定單擊某個(gè)表單對(duì)象前往特定的菜單項(xiàng)；“檢查表單”行為可以在提交數(shù)據(jù)時(shí)自動(dòng)檢查表單域中文本區(qū)域的內(nèi)容是否有效。單擊窗口左下角的“<body>”按鈕，選擇菜單欄中的“窗口”→“行為”命令，在彈出的“行為”面板中單擊“+”下拉按鈕，在彈出的下拉列表中選擇“彈出信息”選項(xiàng)。子項(xiàng)目2使用行為彈出對(duì)話框彈出“彈出信息”對(duì)話框，在“消息”列表框中輸入信息“為保證瀏覽效果請(qǐng)使用Edge等瀏覽器，不要使用IE瀏覽器！”，單擊“確定”按鈕。在“行為”面板中可以看到，“彈出信息”行為已經(jīng)被添加，“onLoad”表示在網(wǎng)頁(yè)顯示之前就執(zhí)行該行為。子項(xiàng)目2使用行為彈出對(duì)話框“行為”面板共有6個(gè)按鈕，它們的作用如下。（1）“顯示設(shè)置事件”按鈕：顯示添加到當(dāng)前網(wǎng)頁(yè)中的事件。（2）“顯示所有事件”按鈕：顯示所有添加的行為事件。（3）“添加行為”按鈕：?jiǎn)螕粼摪粹o會(huì)彈出行為列表框，可以選擇選項(xiàng)用于添加行為。（4）“刪除行為”按鈕：從當(dāng)前行為列表中刪除選中的行為。（5）“增加事件值”按鈕：改變執(zhí)行順序，將行為向前移動(dòng)。（6）“降低事件值”按鈕：改變執(zhí)行順序，將行為向后移動(dòng)。子項(xiàng)目2使用行為彈出對(duì)話框讀一讀：“行為”面板在“行為”面板中可以設(shè)置觸發(fā)器類型和行為事件。行為事件可以設(shè)置在不同的觸發(fā)器情況下觸發(fā)。觸發(fā)器類型主要有以下幾種。（1）onClick：?jiǎn)螕暨x定元素時(shí)觸發(fā)事件。（2）onDblClick：雙擊選定元素時(shí)觸發(fā)事件。（3）onMouseDown：按下鼠標(biāo)左鍵（不釋放）時(shí)觸發(fā)事件。（4）onMouseMove：鼠標(biāo)指針停留在選定元素上時(shí)觸發(fā)事件。（5）onMouseOut：鼠標(biāo)指針從元素上離開(kāi)時(shí)觸發(fā)事件。（6）onMouseOver：鼠標(biāo)指針首次指到元素時(shí)觸發(fā)事件。（7）onMouseUp：釋放鼠標(biāo)左鍵時(shí)觸發(fā)事件。子項(xiàng)目2使用行為彈出對(duì)話框讀一讀：觸發(fā)器類型在“行為”面板中選中某個(gè)“行為”后，單擊“-”按鈕，可以將該行為刪除。將剛才添加的“行為”刪除，并觀察效果。子項(xiàng)目2使用行為彈出對(duì)話框做一做項(xiàng)目二使用行為實(shí)現(xiàn)跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單可以從多個(gè)選項(xiàng)中選擇一個(gè)并跳轉(zhuǎn)到指定的網(wǎng)頁(yè)，一般用來(lái)快速瀏覽網(wǎng)站中的網(wǎng)頁(yè)或?qū)Ш降狡渌嚓P(guān)網(wǎng)站。它通過(guò)設(shè)置菜單中的菜單對(duì)象來(lái)為每一個(gè)菜單項(xiàng)設(shè)置一個(gè)超鏈接，選擇菜單項(xiàng)，相應(yīng)的網(wǎng)頁(yè)就會(huì)被打開(kāi)。項(xiàng)目2使用行為實(shí)現(xiàn)跳轉(zhuǎn)菜單選擇菜單欄中的“插入”→“表單”→“選擇”命令，在屬性檢查器“Name”文本框中輸入該表單元素的名稱，然后單擊“列表值”按鈕。在“列表值”對(duì)話框中單擊“+”按鈕可以增加項(xiàng)目標(biāo)簽，單擊“-”按鈕可以刪除項(xiàng)目標(biāo)簽，調(diào)整它們的順序。單擊“確定”按鈕，完成設(shè)置。項(xiàng)目2使用行為實(shí)現(xiàn)跳轉(zhuǎn)菜單選中“選擇”表單，在“行為”面板中單擊“+”下拉按鈕，在彈出的下拉列表中選擇“跳轉(zhuǎn)菜單”。先在彈出的“跳轉(zhuǎn)菜單”對(duì)話框中選中“菜單項(xiàng)”中的一個(gè)項(xiàng)目，然后在“選擇時(shí)，轉(zhuǎn)到URL”文本框中輸入相應(yīng)的網(wǎng)址。項(xiàng)目2使用行為實(shí)現(xiàn)跳轉(zhuǎn)菜單在“跳轉(zhuǎn)菜單”對(duì)話框中有5個(gè)選項(xiàng)可以設(shè)置，它們的作用如下。（1）“菜單項(xiàng)”列表框：用于顯示菜單項(xiàng)，與“文本”文本框和“選擇時(shí)，轉(zhuǎn)到URL”文本框相關(guān)。（2）“文本”文本框：用于輸入顯示在跳轉(zhuǎn)菜單中的菜單名稱。（3）“選擇時(shí)，轉(zhuǎn)到URL”文本框：用于輸入鏈接到菜單項(xiàng)的文件路徑，也可以是互聯(lián)網(wǎng)網(wǎng)址。（4）“打開(kāi)URL于”下拉列表：用于指定在哪個(gè)窗口中打開(kāi)網(wǎng)頁(yè)，一般選擇“主窗口”，使用框架時(shí)可以指定框架窗口。（5）“更改URL后選擇第一個(gè)項(xiàng)目”復(fù)選框：勾選該復(fù)選框并跳轉(zhuǎn)到新網(wǎng)頁(yè)后，跳轉(zhuǎn)菜單仍然顯示基本菜單項(xiàng)。項(xiàng)目2使