萬盛學電腦網

 萬盛學電腦網 >> 媒體工具 >> FrontPage基礎教程表單的設計

FrontPage基礎教程表單的設計

   制作搜索表單

  對訪問者來說,在一個大網站中查找文章會很不方便,這時我們可以創建一個搜索表單。執行“插入/Web組件”命令,打開“插入Web組件”對話框。在左側窗口中選擇“Web搜索”,在右側窗口中選擇“當前站點”,然後單擊“完成”按鈕打開“搜索表單屬性”對話框,如圖1所示。在“搜索表單屬性”選項卡中將“輸入框的標簽”設置為“站內搜索:”。然後切換到“搜索結果”選項卡,設置顯示查詢結果時需要顯示的信息和格式,選中“顯示文件大小”和“選中文件日期”復選框,完成後“確定”,搜索表單就會出現在網頁中了,如圖2所示。需要注意的是,建立好的搜索表單需要發布以後才能正常工作。

FrontPage基礎教程表單的設計 三聯

  圖1在此設置搜索表單屬性

  用向導創建表單

  FrontPage XP提供了表單創建向導,執行“文件/新建”命令,然後單擊“網頁或站點”,在“新建網頁或站點”窗口中,在“根據模板新建”之下,單擊“網頁模板”,在打開的對話框中選擇“常規”選項卡,並單擊“表單網頁向導”後“確定”。

FrontPage基礎教程表單的設計

  圖2搜索表單

  進入表單向導後單擊“下一步”按鈕進入添加問題界面,單擊“添加”按鈕,在打開的對話框中,從“選擇此問題要收集的輸入類型”列表中選擇需要訪問者輸入的數據類,比如“個人信息”,單擊“下一步”按鈕進入“個人信息”界面,選擇需要訪問者填寫的信息內容,如圖3所示。返回添加問題對話框後單擊“下一步”進入“顯示選項”對話框。在這裡設置問題的顯示類型,然後進入輸出選項對話框。輸出選項可以設置為Web或者文本文件格式,如圖4,最後單擊“下一步”按鈕,完成表單設計。

  手工設計表單

  執行主菜單“插入/表單/表單”命令,即可在當前頁面插入一個新的表單,其中包括“提交”和“重置”兩個按鈕,還多出了一個虛線框,這個虛線框區域就是一個空表單,可以在這裡添加表單字段。

  執行主菜單“插入/表單/文本框”命令,一個新的文本框就被插入到當前表單了,然後在字段名稱前輸入字段名稱的含義。同樣,可在“插入/表單”菜單中選擇不同的控件對象插入到當前表單中。

FrontPage基礎教程表單的設計

  圖3表單網頁的向導信息

  雙擊文本框打開“文本框屬性”對話框,在“名稱”框中輸入標識文本框的名稱,如果希望訪問者第一次打開表單時文本框中出現文本,可以在“初始值”框中輸入要顯示的文本內容,完成後在“寬度”中設置文本框寬度,最後單擊“確定”按鈕。此外,還可以向當前表單中插入復選框、下拉框、選項按鈕等多種控件。

  確認網頁

  訪問者完成一個表單的填寫並提交後,可以顯示一個確認網頁,用來顯示訪問者輸入的內容。

  首先新建立一個空白網頁,設置其名稱為“確認網頁.htm”。然後打開一個已經建立好的表單網頁,單擊鼠標右鍵,選擇“表單屬性”命令打開“表單屬性”對話框。

  單擊“選項”按鈕,選擇“確認網頁”選項卡,單擊“確認網頁”文本框後的“浏覽”按鈕,選擇“確認網頁.htm”。然後切換到“保存的域”選項卡,這裡會顯示剛才制作的表單中對象的名字,單擊“全部保存”按鈕,最後“確定”返回表單,這樣就把當前表單的確認網頁指向了“確認網頁.htm”。

FrontPage基礎教程表單的設計

  圖4在此設置輸出選項

  最後我們再在“確認網頁.htm”中添加確認字段,執行“插入/Web組件”命令,在左邊的窗口中單擊“高級控件”,並在右邊的窗口中雙擊“確認域”,然後“確定”,在“要確認的表單域名稱”文本框中輸入用來顯示信息的域的名稱,需要注意的是,此域的名稱必須與設置表單域屬性時為該表單域所賦的名稱相匹配。每個要顯示的表單都需要重復上述步驟。

  使用FrontPage設計的表單需要發布到運行有FrontPage Server Extensions或Microsoft的SharePoint Team Services的服務器上才能正常運行。

copyright © 萬盛學電腦網 all rights reserved