怎么用Dreamweaver做搜索表单？

作者&投稿：咎盾（若有异议请与网页底部的电邮联系）

~ 本例介绍了在DreamweaverMX2004中如何制作ASP搜索表单.

应用本教程前的准备工作：①已经成功建立ASP运行环境；②已经在Dreamweaver中建立动态站点并成功连接数据库；

1、首先在要输入搜索信息的页面上(如:index.htm)建立一个搜索的表单,

表单中包含一个文本域(inputtext),名称(name)为"keyword",

表单(form)的名称(name)为"form1",动作(Action)填入"search.asp"；

2、制作处理搜索结果页search.asp,你可以先设计好页面的界面.设计好之后,开始建立记录集.在“应用程序”面板上点击“绑定”>“记录集(查询)”.输入名称,选择相应的连接和数据表,在“筛选”中,选择一个字段“包含”“表单变量”："keyword"(和你在index.htm中定义的文本框的名称一致),

切换到高级视图,可以看到生成的SQL语句

3、在页面中将记录一一绑定,图中的{Form.keyword},实际上是<%=Request.Form("keyword")%>以获取搜索的内容.接下来就可以对已经绑定的动态数据添加服务器行为,如“重复区域”、“分页”等等,

因为搜索过程中很有可能出现搜索的内容不存在的情况,所以我们这里一定要添加一个“如果记录集不为空则显示”的服务器行为.选中动态数据所在的那一行(<tr>...</tr>),点击“服务器行为”中的“显示区域”>“如果记录集不为空则显示”.再找到<%EndIfendNotsearch.EOFOrNOTsearch.BOF%>所在的地方,在前面添加几行代码,成为如下：<%Else%><tr><td>你所查询的内容不存在,请更改关键词后再查询！</td></tr><%EndIfendNotsearch.EOFOrNOTsearch.BOF%>

4、这个搜索表单基本上已经完成了.但如果要想让搜索出的结果以突出的方式显示（比如用红色、加粗的字体表示）,则可以在html代码的<html>标记之前加入以下代码：

图中橙色背景的部分即是页面中要突出显示的效果.5、然后在要突出显示的地方修改以下代码：如将原来的<%=(search.Fields.Item("n_contents").value)%>修改为：<%=ShowBold(search.Fields.Item("n_contents").value)%>

以下为引用的内容：<%functionShowBold(theField)SetobjRegExp=NewRegExpobjRegExp.Pattern="("&Request.Form("keyword")&")"其中的keyword要和index.htm中文本框的名字一致objRegExp.IgnoreCase=TrueobjRegExp.Global=TrueShowBold=objRegExp.Replace(theField,"<fontcolor=red><b>$1</b></font>")endfunction%>

OK,到这里就完成了.

怎么用dreamweaver制作html网页
答：在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。□网页顶端的标题“我的主页”是一段文字。 □网页中间是一幅图片。 □最下端的欢迎词是一段文字。 □网页背景是一深紫红颜色。构思好这个网页的结构，我们就可以开始制作了。首先启动Dreamweaver，确保你已经用站点管理器建立...

怎么用dreamweaver制作网页布局
答：打开dreamweaver8，并新建一个html网页；点击：插入菜单，然后选择HTML项；紧接着，在对应的下拉菜单选择框架，及所需要的布局（如：上方及左嵌套等）；完整选择示例如下：为了区分，给每框架设置背景颜色；在对应的框架区域，鼠标右键->页面属性->选择背景颜色->点击确定即可。框架布局插入成功，如果还想...

如何使用dreamweaver
答：由于本书后面讲解的是 ASP.NET 网络应用程序的开发，所以其开发之前，应该部署好 Dreamweaver 有关开发运行组件。效果说明用 Dreamweaver 建立的站点“ Dreamweaver100 ”，该站点是第 75 例至第 90 例中玩具公司构建网站的站点。本例就是介绍这个站点的建立方法。

如何用Dreamweaver制作网页表格
答：一、要想用Dreamweaver来制作网页，首先要安装Dreamweaver网页制作的工具，这是必备的，可以去官网里面去下载即可。二、操作步骤：【1】第一步是打开Dreamweaver工具。【2】然后在Dreamweaver选项的中，选择新建一个Html文件，这个是制作网页的前提。【3】进入Dreamweaver主界面后，我们可以看到自动生成的标题、...

如何使用dreamweaver制作网页
答：1、打开 Dreamweaver8。在“站点”菜单栏里选“新建站点”命令，在弹出对话框中点点选“高级”标签。2、在“站点名称”填上你起的站点名。在“本地根文件夹”栏里，点右面的黄文件夹图标，在选择栏里找到你电脑的硬盘里刚建的站点文件夹并选中它。点确定。！编辑页面有多种方法，如表格定位方法...

如何使用dreamweaver
答：首先启动Dreamweaver软件，在打开的导航首页中点击“新建HTML”：2 点击“文件”菜单，选择“保存”命令：3 在保存的对话中输入网页名称既可，再单击“保存”按钮：4 在进入的Dreamweaver网页页面中，可以先打开的是源代码页面，这里可以点击最左上角的“设计”按钮返回“所见即所得”的设计界面：每个网页...

怎么使用dreamweaver做网站
答：然后再切片，只切重要的部分和在dreamweaver里面做不出来的部分，切好以后，就要在dreamweaver里面新建div，也就是布局了，给每一个切片指定一个位置，把他放在一个固定的盒子里面，这个盒子就是div，放好之后，你要调整它的颜色，边距，边框，等等效果，就要用到css样式。

如何使用dreamweaver制作表格
答：第一步打开dreamweaver；第二步点击插入——>表格；第三步选择表格有几行几列；第四步可以选择合并单元格。

如何利用dreamweaver制作网页
答：一、制作步骤：A.如何新建HTML格式网页打开Dreamweaver CC，可以看到欢迎界面、菜单和属性面板。我们新建一个HTML格式的网页，在欢迎界面上新建下面点HTML即可。2.也可以通过点击菜单栏的“文件“，然后点”新建“来创建。B.三种视图的区别：1）新创建的网页可以通过三种视图来观察。代码视图显示网页代码。...

如何用dreamweaverdiv教程dreamweaver中div
答：Dreamweaver软件怎么编辑HTML文件？下载安装dreamweaver软件文件-新建-html文件设计面板-编辑文字点击代码，html网页代码点击拆分，可以看到代码和设计的区别怎么编辑文字设计直接输入怎么给文字添加超链接选中文字-属性-链接-添加网址或选中文字-右键-创建链接-url添加网址网址必须添加http怎么添加本地图片插入-图像-...

生活知识网

怎么用Dreamweaver做搜索表单？

相关热门