[工學(xué)]第七章制作表單頁-資料下載頁
2025-10-04 14:18本頁面
【正文】 在文檔窗口中插入圖像域 注意： 圖像域與文檔中插入的普通圖像不同，圖像域建立的是一個(gè)按鈕，它上面的提示信息是圖像，不是文字。圖像域的功能與 Submit按鈕相同。 ④ 在文檔窗口中選中圖像域，屬性面板如圖所示。設(shè)置圖像域的屬性同操作普通圖像類似，可以設(shè)置圖像的大?。▽挾?W、高度 H）、修改圖像來源（ Src）、設(shè)置替換文字（ Alt）、對(duì)齊屬性（ Align）等，還有表單對(duì)象不可缺少的對(duì)象名稱（ ImageField（圖像域）下面的文本框）。 隱藏域 隱藏域是一種在瀏覽器上不顯示的控件，利用隱藏域可以實(shí)現(xiàn)瀏覽器同服務(wù)器在后臺(tái)隱蔽地交換信息。例如，一個(gè)通用處理程序可能需要某種參數(shù)，但這一參數(shù)可能又不需要用戶填寫，這時(shí)可以將它添加到表單中，設(shè)置固定的值，但又把它隱藏起來，不讓用戶來填寫。 ① 將插入點(diǎn)放置到要添加隱藏域的地方 。 ② 打開 Insert|Form Object菜單，從子菜單中選擇 Hidden Field （隱藏域）命令，或單擊表單對(duì)象面板上的 Insert Hidden Field（插入隱藏域）按鈕。 ③ 隱藏域在文檔窗口中顯示為一個(gè)圖標(biāo)。要在文檔窗口中看到它，必須使用 View|Invisible Elements(不可見元素 )命令激活文檔窗口顯示不可見元素的特性。 下圖是隱藏域圖標(biāo)和隱藏域?qū)傩悦姘?，隱藏域只有兩個(gè)屬性，控件名和取值。 注意： 隱藏域在瀏覽時(shí)雖不可見，但它的名稱和值會(huì)隨表單一起提交到服務(wù)器端。 跳轉(zhuǎn)菜單 ? 跳轉(zhuǎn)菜單是包含許多可鏈接到文件或文檔段落選項(xiàng)的菜單。本質(zhì)上是一個(gè)下拉列表，不過它的菜單項(xiàng)的值不是普通的數(shù)值，而是 URL地址，這樣當(dāng)選擇某項(xiàng)時(shí)，就會(huì)鏈接到 URL所指跳轉(zhuǎn)菜單的頁面，從而實(shí)現(xiàn)導(dǎo)航的目的。右圖 是一個(gè)跳轉(zhuǎn)菜單示例。跳轉(zhuǎn)菜單也是一種客戶端的解決方案，通過構(gòu)建客戶端的 JavaScript代碼，將之同表單對(duì)象相關(guān)聯(lián)，以實(shí)現(xiàn)文檔的導(dǎo)航。很多站點(diǎn)目前都采用了跳轉(zhuǎn)菜單的技術(shù)。 制作跳轉(zhuǎn)菜單 ① 將插入點(diǎn)放置到要添加跳轉(zhuǎn)菜單的位置； ② 打開 Insert|Form Object菜單，從子菜單中選擇 Jump Menu（跳轉(zhuǎn)菜單）命令，或是單擊表單對(duì)象面板上的 Insert Jump Menu（插入跳轉(zhuǎn)菜單）按鈕，打開 Insert Jump Menu(插入跳裝菜單 )對(duì)話框，提示輸入跳轉(zhuǎn)菜單的菜單項(xiàng)名稱以及對(duì)應(yīng)的URL鏈接地址； ③ 在 Text（文本）文本框中，輸入菜單項(xiàng)的文字； ④ 在 When Selected, Go To URL（選中時(shí)跳轉(zhuǎn)到 URL）文本框中，輸入選中該菜單項(xiàng)時(shí)，將跳轉(zhuǎn)到的文檔的 URL 地址，或單擊Browse按鈕，從磁盤上選擇文檔，提取其 URL地址； ⑤ 在 Open URLs In（打開 URLs的位置）下拉列表中，選擇鏈接目標(biāo)在哪個(gè)窗口中被打開； ⑥ 單擊“ +”按鈕，將菜單項(xiàng)添加到 Menu Items（菜單項(xiàng)）列表中，重復(fù)以上步驟（ 3）～（ 5）可以添加新的菜單項(xiàng)；選中菜單項(xiàng)，單擊“ ”按鈕，可以刪除現(xiàn)有菜單項(xiàng)； ⑦ 單擊上、下箭頭按鈕，可以改變跳轉(zhuǎn)菜單項(xiàng)在列表中的順序； ⑧ 在 Menu Name（菜單名稱）文本框中，可以輸入該菜單的名稱，此名稱主要用于 JavaScript代碼中。可以使用其默認(rèn)名稱，也可以輸入一個(gè)易懂的名稱； ⑨ 如果選中 Insert Go Button After Menu（在菜單后插入 Go按鈕）復(fù)選框，則在菜單右方添加一個(gè) Go按鈕，在瀏覽器中，單擊該按鈕，可以跳轉(zhuǎn)到菜單項(xiàng)所對(duì)應(yīng)的 URL 地址中。實(shí)際上，每次從下拉列表中選擇不同的菜單項(xiàng)，即可直接進(jìn)行跳轉(zhuǎn)，大多數(shù)時(shí)候并不需用 Go按鈕； ⑩ 如果選中 Select First Item After URL Changed（ URL改變后選擇第一項(xiàng)）復(fù)選框，則即使從下拉菜單中選擇了某個(gè)選項(xiàng)，跳轉(zhuǎn)到相應(yīng)的文檔中，頁面中的下拉菜單中也仍然顯示第一項(xiàng)；如果不選中該復(fù)選框，則選擇了哪個(gè)菜單項(xiàng)，菜單中就會(huì)顯示該選擇項(xiàng)； 11 設(shè)置完畢，按 OK按鈕，確定操作。 跳轉(zhuǎn)菜單實(shí)際上是由一個(gè)下拉列表控件和一個(gè)按鈕控件（如果有 Go按鈕的話）組成的，它們的屬性與下拉列表和按鈕的屬性完全相同。 表單實(shí)例 思考與練習(xí) 1. 一個(gè)表單域有哪些常用對(duì)象？各有什么用途？ 2. 如何創(chuàng)建表單域和表單對(duì)象？ 3. 如何創(chuàng)建單選按鈕并設(shè)置單選按鈕組？ 4. 如何創(chuàng)建列表框？ 5. 如何創(chuàng)建跳轉(zhuǎn)菜單？ 6. 為網(wǎng)上招聘設(shè)計(jì)一個(gè)表單，其中包括姓名、性別、出生年月、籍貫、文化程度、專業(yè)、畢業(yè)院校、簡(jiǎn)介、應(yīng)聘職位等項(xiàng)目，要求盡量讓用戶用選擇項(xiàng)填寫。
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1