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

前面给大家介绍了如何用dreamweaver向数据库里边插入数据并且显示出来(见笔者之前分享的),下面就以这个为基础给大家介绍一下如何用dreamweaver来制作搜索框搜索数据库里边的数据并且显示出来。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • 09

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

  • 10

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

  • 11

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

  • 12

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

  • 13

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

  • 14

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

  • 15

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

  • 16

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

  • 17

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

(0)

相关推荐

  • 用FrontPage2003轻松制作ASP动态网页

    用FrontPage2003轻松制作ASP动态网页

  • 动态网页怎么制作

    动态网页是与静态网页相对应的,之所以叫做动态网页是因为能与后台数据库进行交互,数据传递,从而实现数据的实时更新,这是静态网页所做不到的.我们经常见到的动态网页类型为asp或者是php(当然还有其他的类 ...

  • 如何制作手机动态壁纸

    安卓动态壁纸是一款为安卓系统(android)手机提供手机壁纸的应用软件,多款精美高清动画,支持自由可编辑功能,为用户打造独特的壁纸桌面,自动使用和匹配用户的手机屏幕,让用户的手机随心而变.我们通过安 ...

  • 怎样在网页中制作搜索栏

    一个完整的网页必须要有搜索栏,用Visual Studio可以在网页中插入搜索框和搜索按钮,如何用代码实现这一操作呢?笔者与大家分享一下操作. 操作方法 01 首先,用div标签在网页中,插入一个可以 ...

  • 使用Dreamweaver CS 6 制作动态网页需要了解的

    如果你对Dreamweaver 一无所知,或者在链接数据库制作动态网页时遇到了麻烦,那你在使用之前你可能要了解DW CS6不适合制作动态网页 操作方法 01 如果你想用Dreamweaver cs6 ...

  • dreamweaver制作简单的网页

    dreamweaver是一款非常专业的html文件编辑器,就算是新手,也可以很快的制作出一个网页,下面教大家制作一个简单的网页! 操作方法 01 双击桌面上安装好的dreamweaver的软件图标,打 ...

  • ASP基础与动态网页开发工具

    ASP是目前流行的站点开发技术,由于ASP技术简单,并且已经成熟,所以已成为中小 型站点的主要开发技术. 操作方法 01 C/S(Client/Server)模式即客户/服务器模式是最早的网络服务模式 ...

  • 网页的制作软件有哪些

    网页的制作软件有哪些?早些年的时候,制作网页有出名的"网页三剑客". 指得是:firework(图像处理),flash(动画制作),dreamweaver(网页制作).但是现如今, ...

  • 怎样制作自己的网页

    网页是我们上网就会看到的一种信息的载体,不同的网页设计的风格是不一样的.我们都有自己的空间,那都是别人为我们设计好然后我们直接添加控件即可,那么我们该如何制作自己的网页呢?下面分享一下制作网页的基本过 ...