dreamweaver制作asp动态网页之制作搜索框

 时间:2026-02-14 13:49:39

1、新建一个asp页面,保存为“sousuojieguo.asp”,如图所示。

dreamweaver制作asp动态网页之制作搜索框

dreamweaver制作asp动态网页之制作搜索框

dreamweaver制作asp动态网页之制作搜索框

2、 打开之前制作过的"jiluji.asp“。如图所示

dreamweaver制作asp动态网页之制作搜索框

dreamweaver制作asp动态网页之制作搜索框

3、 把鼠标指针放在表格的最左边,按回车键,把鼠标指针往上移,然后点击菜单栏的:插入-->表单-->表单,插入一个表单。如图所示

dreamweaver制作asp动态网页之制作搜索框

4、 在表单里边输入”搜索:“,然后点击菜单栏:插入-->表单-->文本域,插入一个文本框。如图所示

dreamweaver制作asp动态网页之制作搜索框

5、 鼠标点击刚刚插入的文本框,然后在下方把id改成"sousuo"。如图所示。

dreamweaver制作asp动态网页之制作搜索框

6、 然后把鼠标放到文本框的后边,插入一个按钮,并把按钮上的显示文字改成"搜索“。

7、切换到刚刚新建的”sousuojiesuo.asp“页面,打开”绑定“面板,点击”+“,选择”记录集(查询)“。 

dreamweaver制作asp动态网页之制作搜索框

8、 在弹出的界面如图所示设置:筛选设置成:xingming-包含-表单变量-sousuo。(因为这里我们是搜索姓名)。如图所示。

dreamweaver制作asp动态网页之制作搜索框

9、 把鼠标放到搜索结果页面上输入“搜索结果:“,然后回车,在点击菜单栏:插入-->表格。插入一个2行4列的表格。如图所示

dreamweaver制作asp动态网页之制作搜索框

dreamweaver制作asp动态网页之制作搜索框

10、 然后在表格第一行一次输入如图所示文字。

dreamweaver制作asp动态网页之制作搜索框

11、 然后把绑定面板中刚刚新建的记录集依次拖入表格第二行对应的位置。如图所示

dreamweaver制作asp动态网页之制作搜索框

12、 把鼠标指针放到第二行的任意位置,然后点击界面下方的<tr>标签,选中第二行。如图所示

dreamweaver制作asp动态网页之制作搜索框

13、 打开”服务器行为“面板,点击”+“,选择”重复区域“。如图所示

dreamweaver制作asp动态网页之制作搜索框

14、 在弹出的界面中选择”所有记录“,然后点击”确定“。如图所示

dreamweaver制作asp动态网页之制作搜索框

15、 切换到”jiluji.asp",把鼠标指针放到搜索框所在表单中,点击界面下方的<form#form1>,选中整个表单。

dreamweaver制作asp动态网页之制作搜索框

16、 在属性面板中点击动作方框右边的“文件夹”按钮,在弹出的界面中选择”sousuojieguo.asp“。选择完成后,下方的方法选择"post"。如图所示

dreamweaver制作asp动态网页之制作搜索框

dreamweaver制作asp动态网页之制作搜索框

17、 保存所有文件,然后按F12就可以在浏览器中浏览效果了。如图所示。

dreamweaver制作asp动态网页之制作搜索框

dreamweaver制作asp动态网页之制作搜索框

  • Dreamweaver怎么设置背景平铺以及解决办法
  • Dreamweaver如何预览网页
  • Dreamweaver怎么修改代码字符字体和大小方法
  • DW代码格式如何开启缩进
  • dw怎么使用表格对网页进行布局
  • 热门搜索
    湖南省旅游局官方网站 旅游网址 天津古文化街旅游区 公益旅游 上海旅游公司 嵩山旅游攻略 泸沽湖旅游景点 旅游车 南京旅游职业学院官网 泰州旅游景点大全