FrontPage基礎教程 表單的設計

來源:互聯網
上載者:User
frontpage|基礎教程|設計   表單在網站的製作過程中是比較常見的,舉個簡單的例子,我們在申請免費電子信箱或者個人首頁時,需要填寫一些個人資訊,比如使用者名稱、口令、密碼提示資訊等,收集這些資訊的工具就是表單。常用表單的類型包括聯絡資訊表單、請求表單、發貨和付費方式的訂購表單、反饋表單、搜尋查詢表單等。

  製作搜尋表單

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


圖1在此設定搜尋表單屬性

  用嚮導建立表單

  FrontPage XP提供了表單建立嚮導,執行“檔案/建立”命令,然後單擊“網頁或網站”,在“建立網頁或網站”視窗中,在“根據模板建立”之下,單擊“網頁模板”,在開啟的對話方塊中選擇“常規”選項卡,並單擊“表單網頁嚮導”後“確定”。


圖2搜尋表單

  進入表單嚮導後單擊“下一步”按鈕進入添加問題介面,單擊“添加”按鈕,在開啟的對話方塊中,從“選擇此問題要收集的輸入類型”列表中選擇需要訪問者輸入的資料類,比如“個人資訊”,單擊“下一步”按鈕進入“個人資訊”介面,選擇需要訪問者填寫的資訊內容,如圖3所示。返回添加問題對話方塊後單擊“下一步”進入“顯示選項”對話方塊。在這裡設定問題的顯示類型,然後進入輸出選項對話方塊。輸出選項可以設定為Web或者文字檔格式,如圖4,最後單擊“下一步”按鈕,完成表單設計。

  手工設計表單

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

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


圖3表單網頁的嚮導資訊

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

  確認網頁

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

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

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


圖4在此設定輸出選項

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

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。