用Dreamweaver做搜索表單

2020-12-20 站長之家

本例介紹了在Dreamweaver MX 2004中如何製作ASP搜索表單。

 應用本教程前的準備工作:
 ①已經成功建立ASP運行環境;
 ②已經在Dreamweaver中建立動態站點並成功連接資料庫;

1、首先在要輸入搜索信息的頁面上(如:index.htm)建立一個搜索的表單,
 

表單中包含一個文本域(input text),名稱(name)為"keyword",

 

表單(form)的名稱(name)為"form1",動作(Action)填入"search.asp";

 

2、製作處理搜索結果頁search.asp,你可以先設計好頁面的界面。設計好之後,開始建立記錄集。在「應用程式」面板上點擊「綁定」>「記錄集(查詢)」。輸入名稱,選擇相應的連接和數據表,在「篩選」中,選擇一個欄位「包含」「表單變量」:"keyword"(和你在index.htm中定義的文本框的名稱一致),

 

切換到高級視圖,可以看到生成的SQL語句

 

3、在頁面中將記錄一一綁定,圖中的{Form.keyword},實際上是<%= Request.Form("keyword") %>以獲取搜索的內容。接下來就可以對已經綁定的動態數據添加伺服器行為,如「重複區域」、「分頁」等等,

 

因為搜索過程中很有可能出現搜索的內容不存在的情況,所以我們這裡一定要添加一個「如果記錄集不為空則顯示」的伺服器行為。選中動態數據所在的那一行(<tr>...</tr>),點擊「伺服器行為」中的「顯示區域」>「如果記錄集不為空則顯示」。再找到
 <% End If   end Not search.EOF Or NOT search.BOF %>
 所在的地方,在前面添加幾行代碼,成為如下:
 <% Else %>
 <tr><td>你所查詢的內容不存在,請更改關鍵詞後再查詢!</td></tr>
 <% End If   end Not search.EOF Or NOT search.BOF %>

 4、這個搜索表單基本上已經完成了。但如果要想讓搜索出的結果以突出的方式顯示(比如用紅色、加粗的字體表示),則可以在html代碼的<html>標記之前加入以下代碼:

 

圖中橙色背景的部分即是頁面中要突出顯示的效果。

 5、然後在要突出顯示的地方修改以下代碼:
 如將原來的<%=(search.Fields.Item("n_contents").value)%>修改為:
 <%=ShowBold(search.Fields.Item("n_contents").value)%>

以下為引用的內容:
<%
 function ShowBold(theField)
 Set objRegExp= New RegExp
 objRegExp.Pattern="(" & Request.Form("keyword") & ")" 其中的keyword要和index.htm中文本框的名字一致
 objRegExp.IgnoreCase=True
 objRegExp.Global=True
 ShowBold=objRegExp.Replace(theField,"<font color=red><b>$1</b></font>")
 end function
 %>
 

 OK,到這裡就完成了。

相關焦點

  • Dreamweaver CS3集成Spry之表單檢測試用
    2,當然AJAX不僅僅是這些,比如要做個「TabPane 選項卡」很炫酷的頁面展示功能,我們手寫Javascript腳本就比較的費事,當然還有很多的在Web2.0站點看到的比如「顯示和隱藏」、「淡入淡出」等特效,這些都離不開Javascript,而現在我們也稱為AJAX技術。
  • Dreamweaver MX進階教程:製作反饋表單方法
    本文介紹製作客戶反饋表單的過程。主要內容是使用表格設計表單結構和設置form參數。1.將插入點放在希望表單出現的位置。選擇「插入」>「表單」,或選擇「插入」欄上的「表單」類別,然後單擊「表單」圖標。 2.將插入點放在紅色的表單中,單擊「插入」欄「常用」類別中的「表格」按鈕。
  • 如何用網頁製作軟體快速生成網站?
    如果你懂一些編程知識,那麼可以考慮用網頁製作軟體dreamweaver來編輯網頁。Dreamweaver是集網頁製作和管理網站的網頁代碼編輯器,對新手來說,還是比較快上手的,代碼提示很強大,可以方便新手更容易懂代碼,也為優化網站打下了基礎。缺點是不夠靈活,代碼臃腫,無法快速度跟進新技術。
  • 曬碼姐講堂——創建Form表單實例
    任何一個伺服器腳本語言最常見的應用場景就是處理html表單,我們通過創建一個書店圖書的錄入實例開始學習PHP.首先,我們先看form表單:form表單都是成對出現的。<form ></form> 我們都是把需要提交的數據信息寫到這個表單裡面,提交才可以,如果寫到外面,是獲取不到信息的。
  • Adobe Dreamweaver cc 2020中文破解版
    當然了,本次小編帶來的是adobe dreamweaver cc 2020中文破解版,僅支持Windows 10以上64位作業系統,已由vposy大神基於Adobe官方最新正式版修改封裝製作而成,內置破解激活授權文件,安裝即可免費使用全部功能,需要的朋友請下載。
  • dreamweaver怎麼把圖片轉成代碼?生成代碼步驟圖文方法教程
    dreamweaver怎麼把圖片轉成代碼,dreamweaver圖片生成代碼圖文教程詳細方法,帶你了解這個方便好用的功能,dreamweaver輕鬆圖片成到代碼!  dreamweaver怎麼把圖片成代碼成為了許多用戶朋友在初入淘寶或者其他工作時最常遇到的情況,用戶朋友在剛使用dreamweaver的時候不知道一個圖片怎麼轉換為代碼,其實很簡單,一起來看看dreamweaver圖片生成代碼教程吧。
  • 用Flash製作Google搜索程序(1)
    用Flash製作Google搜索程序(1)   在我們構造Google 搜索程序之前我們還需要Google Web
  • Django Form表單完整使用流程
    表單系統重點知識回顧表單系統的核心是 Form 對象,它將表單中的欄位封裝成了一系列的 Field 和驗證規則,以此來自動生成 HTML 表達標籤。本節中首先使用 Form 對象實現書籍的搜索功能,然後再詳細講解 Form 對象的構成。那麼下面我們首先對前面學過的知識做一下簡單的重點知識回顧。
  • 12種表單設計技巧,幫你創建用戶友好型表單
    >按需提供(針對部分用戶的低頻需求,比如對欄位的解釋,滑鼠懸停在幫助圖標上才顯示說明)這種提示不僅降低了用戶填錯密碼格式的概率,而且為用戶創建新帳戶提供了積極的動力4 避免使用佔位符文本作為欄位標籤佔位符,標籤的額外描述,幫助用戶了解可輸入的數據類型和格式提示,但是有一些設計師卻用佔位符替代了欄位標籤
  • 很全面很實用 10個不錯的CSS3表單教程
    ▲HTML5 和 CSS3表單  2.▲使用 HTML5 & CSS3 製作一個樣式新穎的聯繫表單  4. 精美的 CSS3 搜索表單  大多數搜索表單(包括我現在正在使用的!)看起來索然無味。
  • PC端表單設計的研究:如何設計一個優秀的表單頁面
    最近身邊的一些小夥伴,總會遇見B端設計工作,對於這種偏後臺設計的B端設計,總會有大量的表單設計需要做,結合以前自己也有過不少表單設計的工作,在這裡給大家分享一下自己對於PC端表單設計的研究,聊一聊表單在PC端中的運用。
  • 麥客CRM 從表單開始客戶管理
    麥客CRM創始人李卉 麥客CRM是一款以表單為切入口的輕量級客戶信息管理工具,讓用戶可以從表單問卷開始進行客戶管理。 輕鬆拖拽就能製作一張像這樣的表單供人填寫 表單這項功能的發展方向很多,而麥客CRM瞄準的是客戶管理。
  • HTML5新增表單元素
    新增type類型:Type=「email」 限制用戶必須輸入email類型Type=「url」 限制用戶必須輸入url類型,「http://」Type=「range」 產生一個滑動條表單Type=「number」 產生一個數字意義表單Type
  • 前端入門須知:輕鬆學會form表單製作!
    一般是將表單設計在一個Html 文檔中,當用戶填寫完信息後做提交(submit)操作,於是表單的內容就從客戶端的瀏覽器傳送到伺服器上,經過伺服器上的 ASP 或 PHP 等處理程序處理後,再將用戶所需信息傳送回客戶端的瀏覽器上,這樣網頁就具有了交互性。這裡我們只講怎樣使用Html 標誌來設計表單。所有的用戶輸入內容的地方都用表單來寫,如登錄註冊、搜索框。
  • 如何用麥客製作表單?
    表單是目前最方便常見,最容易被用戶接受,也是最數據友好的信息收集載體。你一定見過很多紙質表單,比如各種報名表、申請表、履歷表等,都是常見的用於收集信息的表單。而麥客所提供的在線表單,則是將原本線下的紙質表單搬到網上,讓用戶可以通過電腦和手機等設備進行訪問並填寫。
  • 10 個漂亮的 CSS3 表單製作教程
    HTML5 引入了非常有用的表單元素——滑動條、數字調整、日期選擇等,該教程教你如何使用這些元素並製作非常精美的表單。 該教程是法語的,點進去之前確保自己法語是槓槓的,也可以下載源碼來體驗一下:get the source code » View tutorial 使用 HTML5 & CSS3 做一個漂亮的聯繫表單
  • 26 HTML5中新增的表單控制項
    前面兩篇圖文介紹的表單控制項,都是HTML4版本中就已經存在的表單控制項,不過它們同樣在HTML5規範中被兼容,而今天這一篇圖文介紹的這些表單控制項,都是在HTML5中新增的。在HTML5中新增的表單控制項,主要有下圖所示的這些,input標籤的type屬性不同的值,表示不同的控制項。
  • 【匯總】HTML5和CSS3表單示例和詳細教程
    本教程演示如何使用HTML5創建既時尚又好用的郵箱註冊表單。引導大家一步一步創建佔位符文本、表單域、郵箱+網絡+手機、日程選擇器等功能。有大部分的表單為了增強功能卻降低輸入框的標準。雖然在舊版本的瀏覽器中並不完全支持HTML5特性,但在教程中會演示如何解決和正確添加新功能。【示例】如何使用HTML5創建跨瀏覽器的表單
  • 簡約的表單監控報警,看Aribnb怎樣做問題預測
    我們的工程師團隊一直在尋求解決之道,以應對具有挑戰性的新問題。在Airbnb的實際運營中,有很大一部分來自房東與房客們的問題要靠客服人員來處理,具體可參見之前的另一篇Emre Ozdemir所寫的文章。挑戰之一在於:理解我們表單所帶來的巨大信息,並找出其中的趨勢或者實時探測到不希望出現的問題。我們需要一種監控和報警方式,當某個問題在用戶中頻繁出現時告警。