用DW制作网页时怎样在页面中加入搜索栏

用DW制作网页时怎样在网页中加入搜索栏?搜索栏的外框一定要是个性化的最好是能加入我自己做的搜索栏,如图。就这样能象百度一样,输入文字,点一下右边的放大镜图标就可以搜索了。... 用DW制作网页时怎样在网页中加入搜索栏?搜索栏的外框一定要是个性化的最好是能加入我自己做的搜索栏,如图。

就这样能象百度一样,输入文字,点一下右边的放大镜图标就可以搜索了。
我加入了百度引擎代码,就是很丑想改外观。
另外如果只想在自己的网页内搜索关键词可以吗?比如我的网页内有abc这一栏,用户
在搜索框中输入abc就可以直接跳转到这一栏?
回答的好我可以另外追加分的,反正分我多的是。
展开
 我来答
技术小坤
2019-08-23 · TA获得超过1.8万个赞
知道小有建树答主
回答量:376
采纳率:100%
帮助的人:9.4万
展开全部

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

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

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

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

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

6、然后把鼠标放到文本框的后边,插入一个按钮,并把按钮上的显示文字改成"搜索“,切换到刚刚新建的”sousuojiesuo.asp“页面,打开”绑定“面板,点击”+“,选择”记录集(查询)“。

7、在弹出的界面如图所示设置:筛选设置成:xingming-包含-表单变量-sousuo。

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

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

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


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

12、打开”服务器行为“面板,点击”+“,选择”重复区域“。

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

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

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

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

开花的树图文设计
2018-03-09 · TA获得超过884个赞
知道小有建树答主
回答量:2016
采纳率:74%
帮助的人:282万
展开全部
代码太多, 这里打不下。我可以教你啊。
上图是你自己做的吗?确实有点难看。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
长落剑07
2018-03-04 · TA获得超过300个赞
知道小有建树答主
回答量:3744
采纳率:80%
帮助的人:636万
展开全部
PS设计好搜索框的样式,然后DIV结合CSS实现排版布局即可
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ZCM190225
2012-07-30 · 超过13用户采纳过TA的回答
知道答主
回答量:53
采纳率:0%
帮助的人:38.9万
展开全部
需要在原代码里加一个"INPUT"代码的。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
唯我遨游
2012-07-30 · 超过10用户采纳过TA的回答
知道答主
回答量:38
采纳率:100%
帮助的人:9.6万
展开全部
这种都需要伪造一个提交的,就是DIV里面套一个不带边框的input
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 4条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式