9.1設(shè)置表單欄目

表單是用來(lái)收集站點(diǎn)訪問(wèn)者信息的域集，可實(shí)現(xiàn)網(wǎng)頁(yè)與瀏覽者間的交互，達(dá)到收集瀏覽者輸入信息的目的。它往往采用單選按鈕、復(fù)選框、下拉選項(xiàng)按鈕等方式收集信息，這樣減少了瀏覽者的文本輸入，而且有利于數(shù)據(jù)的收集和反饋，盡可能地為瀏覽者提供方便。我們?cè)赪WW上瀏覽時(shí)，常常會(huì)看到一些網(wǎng)頁(yè)具有留言簿，它方便了瀏覽者與主頁(yè)制作者之間的交流，實(shí)現(xiàn)了網(wǎng)頁(yè)的互動(dòng)性。留言簿等功能可以采用表單來(lái)實(shí)現(xiàn)。9.1.1文本框

文本框只有一行欄位供瀏覽者填寫，我們可以通過(guò)設(shè)定來(lái)決定欄位中最多可以輸入多少字?！疤峤弧卑粹o和“重置”按鈕是系統(tǒng)自動(dòng)產(chǎn)生的，當(dāng)?shù)谝淮尾迦氡韱螜跁r(shí)，它們就會(huì)出現(xiàn)。

雙擊文本框，出現(xiàn)如圖所示的對(duì)話框：

9.1.2文本區(qū)

文本區(qū)和文本框相似，只是可以輸入多行文字，欄位的右端和下方出現(xiàn)了滑動(dòng)條

。在文本區(qū)欄位上雙擊鼠標(biāo)，出現(xiàn)對(duì)話框。對(duì)話框中的設(shè)定值與文本框大致相同，只是多了一個(gè)“行數(shù)”，其值表示顯示的文本行數(shù)。同樣，我們也可以用鼠標(biāo)拖動(dòng)邊框來(lái)調(diào)整欄位的大小。9.1.3選項(xiàng)按鈕

單選按鈕就象單項(xiàng)選擇題，瀏覽者只能在各種選項(xiàng)中選擇一種。將光標(biāo)移到要插入選項(xiàng)按鈕的地方，然后插入兩個(gè)選項(xiàng)按鈕，并輸入合適文字，雙擊“男”前面的按鈕，出現(xiàn)如圖所示對(duì)話框，記下“組名稱”的值，然后將“值”改為“男”。

然后雙擊“女”前面的按鈕，出現(xiàn)相同的對(duì)話框，修改其值。由于這兩個(gè)選項(xiàng)按鈕屬于同一組，所以必須使“組名稱”的值與“男”的值相同；將“值”改為“女”；將“初始狀態(tài)”設(shè)為“未選”，確保與“男”的選擇不同，單擊“確定”后完成設(shè)定，這樣初始時(shí)默認(rèn)性別為男，

9.1.4復(fù)選框

復(fù)選框可以同時(shí)選取一至多個(gè)選項(xiàng)，設(shè)置方法與單選按鈕類似。根據(jù)實(shí)際情況插入多個(gè)復(fù)選框，然后輸入相應(yīng)的說(shuō)明文字與提示文字，雙擊任意一個(gè)復(fù)選框，出現(xiàn)對(duì)話框。對(duì)話框中各選項(xiàng)與選項(xiàng)按鈕對(duì)話框大體一樣，只是各復(fù)選框是獨(dú)立地，不需要對(duì)名字進(jìn)行修改，也不必選中。

9.1.5下拉框1下拉列表可以顯示選項(xiàng)列表，即為留言者提供方便，又便于對(duì)留言內(nèi)容進(jìn)行管理。它在登記表上比較常用，例如詢問(wèn)國(guó)家、省份、受教育程度時(shí)常常見到下拉列表。

插入下拉框并輸入說(shuō)明文字。雙擊下拉框欄位，得到如圖所示的對(duì)話框。

9.1.5下拉框2單擊“添加”按鈕，出現(xiàn)如圖9.14所示的對(duì)話框，輸入“山東”，將初始狀態(tài)改為“已選”，單擊“確定”。然后再重復(fù)操作，出入其他省份名單，最后在下拉框?qū)傩詫?duì)話框中，單擊“確定”。

在下拉框?qū)傩詫?duì)話框中，單擊“修改”可以修改選項(xiàng)值；單擊“刪除”可以將選項(xiàng)刪除；單擊“上移”和“下移”可以移動(dòng)各選項(xiàng)的排列位置；單擊“確定”則設(shè)置被確認(rèn)。9.1.6按鈕1

按鈕共有三種類型：“提交”：提交按鈕，按此按鈕將表單資料傳送到相應(yīng)位置。“重置”：復(fù)位（或清除）按鈕，按此按鈕將表單資料全部清除，等待重新輸入?！捌胀ā保浩胀ò粹o，可以把它與別的程序相連，作為啟動(dòng)別的程序的按鈕。雙擊“提交”按鈕，得到如圖9.16所示的對(duì)話框。其中“值/標(biāo)簽”的值就是按鈕上顯示的文字，“按鈕類型”選擇“提交”表明按下此按鈕將執(zhí)行“提交”命令。同樣的方法，可以設(shè)置“重置”按鈕。

9.2表單模板和向?qū)?/p>

FrontPage提供了各種用途的表單模板，例如：信息反饋表單、確認(rèn)表單、用戶注冊(cè)表單等，另外，F(xiàn)rontPage還提供了表單向?qū)?，通過(guò)它可以一步一步帶領(lǐng)你建立表單。本節(jié)課，我們就來(lái)學(xué)習(xí)如何利用這些模板和向?qū)А?.2.1表單模板單擊菜單欄上的“文件”，在其彈出的子菜單中選擇“新建”，然后在“任務(wù)窗格”中選擇“網(wǎng)頁(yè)模板”，單擊窗口左端窗口中的模板，在右邊的“文件”窗口中顯示模板相應(yīng)的大體輪廓，確認(rèn)后，單擊“確定”。例如，在左邊窗口中選擇“意見簿”，然后單擊“確定”。

9.2.2修改表單模板-1

首先，在網(wǎng)頁(yè)的頂端設(shè)置上標(biāo)題，并輸入幾句請(qǐng)瀏覽者留言的客氣話。在同一表單域中插入各種表單欄。雙擊“提交”按鈕，得到對(duì)話框。將“名稱”的值改為“按鈕1”，確認(rèn)按鈕類型為“提交”，單擊“確定”。

同樣的方法將按鈕“清除留言”的名稱改為：按鈕2；按鈕類型為重置。從網(wǎng)頁(yè)頂部的注釋可以知道：網(wǎng)頁(yè)的下部應(yīng)用了“包含網(wǎng)頁(yè)”組件。默認(rèn)情況下，用戶提交的所有留言都將轉(zhuǎn)入另一名為“guestlog.htm”的網(wǎng)頁(yè)，然后該網(wǎng)頁(yè)將被包含在下面。

9.2.2修改表單模板-2

將網(wǎng)頁(yè)保存之后，在瀏覽器中將網(wǎng)頁(yè)打開，輸入留言內(nèi)容后，單擊“提交”，可以看到網(wǎng)頁(yè)提示信息。

9.2.3表單向?qū)?1

單擊菜單欄上的“文件”，在其彈出的子菜單中選擇“新建”，然后在“任務(wù)窗格”中選擇“網(wǎng)頁(yè)模板”。在左邊的窗口中選擇“表單網(wǎng)頁(yè)向?qū)А保缓髥螕簟按_定”按鈕，打開表單制作向?qū)?。在“表單網(wǎng)頁(yè)向?qū)А睂?duì)話框中，單擊“下一步”按鈕，打開對(duì)話框。在該對(duì)話框中，我們將定義表單中的表單欄，單擊“添加”。在對(duì)話框上部選擇輸入類型，單擊“下一步”，然后設(shè)置表單欄，包括長(zhǎng)度等。最后單擊“下一步”。9.2.3表單向?qū)?2

在“表單網(wǎng)頁(yè)向?qū)А睂?duì)話框中，再次單擊“添加”，重復(fù)上述步驟，可以加上其他的欄位，完成加入欄位的工作后，單擊“下一步”按鈕。在對(duì)話框中，選擇顯示問(wèn)題列表的方式等選項(xiàng)，單擊“下一步”，然后根據(jù)情況選擇表單結(jié)果的輸出方式，單擊“下一步”按鈕，最后單擊“完成”。9.3處理表單信息

在使用“留言簿”模板時(shí)，我們已經(jīng)知道該模板將收集各表單欄位的內(nèi)容，發(fā)送到一個(gè)網(wǎng)頁(yè)中，然后用“包含網(wǎng)頁(yè)”使表單結(jié)果顯示在網(wǎng)頁(yè)下端。這是處理表單信息的一種方式。除此以外，還有其他的方式來(lái)處理表單信息。這些就是本節(jié)課要學(xué)習(xí)的內(nèi)容。9.3.1使用文件存儲(chǔ)信息1在表單區(qū)域內(nèi)單擊鼠標(biāo)右鍵，在快捷菜單中選擇“表單屬性”，打開“表單屬性”對(duì)話框。從“表單屬性”對(duì)話框中可以知道，F(xiàn)rontPage可以將表單結(jié)果發(fā)送到一個(gè)文件中；或者發(fā)送到電子郵箱中；再或者發(fā)送到數(shù)據(jù)庫(kù)中；甚至發(fā)送到其它，諸如CGI程序、ASP腳本等其它對(duì)象。由于我們使用的是留言簿模板，表單內(nèi)容發(fā)布到網(wǎng)頁(yè)guestlog.htm中。也可以單擊“瀏覽”按鈕，找到其他網(wǎng)頁(yè)，將表單信息儲(chǔ)存到其他網(wǎng)頁(yè)中。

9.3.1使用文件存儲(chǔ)信息2如果在制作“留言簿”網(wǎng)頁(yè)時(shí)，沒(méi)有采用“留言簿”模板，F(xiàn)rontPage將把表單結(jié)果發(fā)送到一個(gè)文本文件中。

9.3.2使用電子郵件存儲(chǔ)信息除了用文件保存信息外，F(xiàn)rontPage還支持將信息直接以電子郵件的形式傳送到指定的信箱。在表單屬性對(duì)話框中選擇“發(fā)送到”，在“電子郵件地址”欄中輸入電子郵件地址，這樣瀏覽者的留言將隨時(shí)發(fā)送到你的郵箱中。

9.3.3指定確認(rèn)網(wǎng)頁(yè)FrontPage表單還有一個(gè)功能就是自動(dòng)回復(fù)確認(rèn)表單，在確認(rèn)表單中包含瀏覽者輸入的內(nèi)容，向?yàn)g覽者顯示用于確認(rèn)其操作的頁(yè)面，等待瀏覽者確認(rèn)后，信息才傳送到設(shè)置的位置。在表單屬性對(duì)話框中，單擊“選項(xiàng)”，得到“保存表單的結(jié)果”對(duì)話框，單擊“確認(rèn)網(wǎng)頁(yè)”標(biāo)簽，在“確認(rèn)表單的URL”欄位中，我們可以輸入自己制作的確認(rèn)表單的文件名和路徑或單擊“瀏覽”按鈕，找到事先準(zhǔn)備好的確