【正文】 站”文本字段 。 任務(wù)一 插入表單 單選按鈕“屬性”面板參數(shù)介紹 目錄 上一頁(yè) 下一頁(yè) 退出 E. 插入 “單選按鈕組” 。 文本字段名稱 文本字段 “ 屬性 ” 面板參數(shù)介紹 目錄 上一頁(yè) 下一頁(yè) 退出 C. 插入單選按鈕 。 任務(wù)一 插入表單 “表單”屬性面板選項(xiàng)介紹 選擇表單的方法：?jiǎn)螕舯韱屋喞€，或從文檔窗口左下角的標(biāo)簽選擇器中選擇“ form”標(biāo)簽 。將“插入”欄切換到“表單”類別。本任務(wù)通過(guò)向網(wǎng)頁(yè)插入一個(gè)表單，然后使用表格對(duì)“訪客信息”的各個(gè)表單元素進(jìn)行布局，制作一個(gè)“訪客信息”頁(yè)面，學(xué)習(xí)表單頁(yè)面制作的基本方法。 第六單元 制作“訪客信息”網(wǎng)頁(yè) 目錄 上一頁(yè) 下一頁(yè) 退出 第六單元 制作“訪客信息”網(wǎng)頁(yè) 任務(wù)一 插入表單 任務(wù)二 檢查表單 任務(wù)三 使用代碼制作表單網(wǎng)頁(yè) 目錄 上一頁(yè) 下一頁(yè) 退出 第六單元 制作“訪客信息”網(wǎng)頁(yè) 任務(wù)一 插入表單 任務(wù)描述： 在頁(yè)面中插入表單及表單元素制作“訪客信息”頁(yè)面。 任務(wù)分析： 表單是網(wǎng)站與用戶之間溝通的橋梁，其應(yīng)用非常廣泛，如制作訪客信息、論壇、留言板、用戶注冊(cè)和在線交易等類型的網(wǎng)頁(yè)。 目錄 上一頁(yè) 下一頁(yè) 退出 任務(wù)一 插入表單 自己動(dòng)手： 1．建立本欄目目錄結(jié)構(gòu) 。 “ 表單 ” 類別包含用于創(chuàng)建表單和插入表單元素的按鈕 ， 當(dāng)鼠標(biāo)指針指向一個(gè)按鈕時(shí) ，會(huì)出現(xiàn)相應(yīng)的提示信息 。 目錄 上一頁(yè) 下一頁(yè) 退出 任務(wù)一 插入表單 4．插入表單元素 切換“插入”欄到“表單”類別，工具欄中按鈕如下圖所示： 表單 文本字段 隱藏域 文本區(qū)域 復(fù)選框 單選按鈕 單選按鈕 組 列表/菜單 跳轉(zhuǎn)菜單 圖像域 文件 域 按鈕 標(biāo)簽 字段集 各按鈕功能簡(jiǎn)介 目錄 上一頁(yè) 下一頁(yè) 退出 任務(wù)一 插入表單 A. 插入“留言標(biāo)題”文本字段 。在“屬性”面板中，分別設(shè)置三個(gè)單選按鈕 的屬性 。 任務(wù)一 插入表單 “單選按鈕組”對(duì)話框選項(xiàng)介紹 目錄 上一頁(yè) 下一頁(yè) 退出 F. 插入 “自定義頭像”文件域 。 I. 插入復(fù)選框 。 設(shè)置復(fù)選框的“選定值”時(shí)要注意什么？ 任務(wù)一 插入表單 目錄 上一頁(yè) 下一頁(yè) 退出 任務(wù)一 插入表單 J. 插入文本域并設(shè)置屬性 。 3．表單的作用。本單元僅介紹前一部分，即如何利用表單及相關(guān)標(biāo)記生成用戶界面。 目錄 上一頁(yè) 下一頁(yè) 退出 2． 將本單元“舉一反三”文件夾中的網(wǎng)頁(yè)“ practice6”拷貝到 D盤根目錄，將表單中的“單選按鈕組”修改為“列表 /菜單”元素，“列表 /菜單”元素修改為“單選按鈕組”，并使其具有相同的功能。 任務(wù)一 插入表單 目錄 上一頁(yè) 下一頁(yè) 退出 作業(yè)： 1．利用本單元所學(xué)的知識(shí)，制作個(gè)人網(wǎng)站的“個(gè)人簡(jiǎn)介”網(wǎng)頁(yè)“ ”，效果如下圖所示。本任務(wù)將對(duì)“訪客信息”表單中的“留言人姓名”和“電子郵件”中輸入的內(nèi)容進(jìn)行驗(yàn)證。 運(yùn)行 Dreamweaver 8，打開“ ”頁(yè)面，選擇菜單欄“窗口”菜單下的“行為”選項(xiàng)，在面板組添加“行為”面板。 任務(wù)二 檢查表單 目錄 上一頁(yè) 下一頁(yè) 退出 2．驗(yàn)證文本內(nèi)容必須符合“電子郵件地址” 打開“檢查表單”對(duì)話框。 3. 驗(yàn)證文本內(nèi)容必需符合“電子郵件地址”。 2．在運(yùn)行“檢查表單”時(shí)，必須先單擊“提交”按鈕嗎？ 任務(wù)二 檢查表單 1．啟發(fā)思路： 使用“檢查表單”對(duì)話框完成 2．分組完成任務(wù)。 第六單元 制作“訪客信息”網(wǎng)頁(yè) 目錄 上一頁(yè) 下一頁(yè) 退出 自己動(dòng)手： 1．使用 form標(biāo)簽制作一個(gè)表單 。 任務(wù)三 使用代碼制作表單網(wǎng)頁(yè) form action= name=form1 id=form1 !其中的 〉 /form 表單標(biāo)簽格式 目錄 上一頁(yè) 下一頁(yè) 退出 2．添加文本字段和單選按鈕 在表單“ form1”中添加文本字段和單選按鈕后預(yù)覽效果如下： 任務(wù)三 使用代碼制作表單網(wǎng)頁(yè) 目錄 上一頁(yè) 下一頁(yè) 退出 在上文代碼的 form…… 和 /form之間添加如下代碼。 在上一步所添加代碼的后邊添加下面代碼： p textarea name=ment rows=8 cols=60hello~ /textarea p 多行文本區(qū)域語(yǔ)句格式 任務(wù)三 使用代碼制作表單網(wǎng)頁(yè) 目錄 上一頁(yè) 下一頁(yè) 退出 6．添加“發(fā)送”和“重置”按鈕 在表單“ form1”中添加“發(fā)送”和“重置”按鈕后預(yù)覽效果如下圖所示。 4．使用 HTML代碼在網(wǎng)頁(yè)中添加下拉式菜單。 任務(wù)三 使用代碼制作表單網(wǎng)頁(yè) 目錄 上一頁(yè) 下一頁(yè) 退出 舉一反三 創(chuàng)建網(wǎng)頁(yè)“ ”，將如下圖所示的頁(yè)面瀏覽效果轉(zhuǎn)換為 HTML代碼。 form input type=checkbox name=interst商業(yè)顧問(wèn) input type=checkbox name=interst經(jīng)紀(jì)業(yè)務(wù) input type=checkbox name=interst房地產(chǎn)業(yè) input type=checkbox name=interst加盟業(yè)務(wù) input type=checkbox name=interst營(yíng)運(yùn)業(yè)務(wù) /f