导航:首页 > 万维百科 > 设计网页中怎么添加搜索栏

设计网页中怎么添加搜索栏

发布时间:2021-03-04 00:58:24

1、网页中百度搜索栏怎么嵌入的

直接在百度或复好123上下制载百度推广导航栏,加入到网页代码中head标签中间<iframe src=" http://www.baidu.com/s?wd=test "><iframe>
即可。

2、如何用dreamweaver在网页上做一个搜索栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript">
function encode(s){
return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/([\\\.\*\[\]\(\)\$\^])/g,"\\$1");
}
function decode(s){
return s.replace(/\\([\\\.\*\[\]\(\)\$\^])/g,"$1").replace(/>/g,">").replace(/</g,"<").replace(/&/g,"&");
}
function highlight(s){
if (s.length==0){
alert('搜索关键词未填写!');
return false;
}
s=encode(s);
var obj=document.getElementsByTagName("body")[0];
var t=obj.innerHTML.replace(/<span\s+class=.?highlight.?>([^<>]*)<\/span>/gi,"$1");
obj.innerHTML=t;
var cnt=loopSearch(s,obj);
t=obj.innerHTML
var r=/{searchHL}(({(?!\/searchHL})|[^{])*){\/searchHL}/g
t=t.replace(r,"<span class='highlight'>$1</span>");
obj.innerHTML=t;
alert("搜索到关键词"+cnt+"处")
}
function loopSearch(s,obj){
var cnt=0;
if (obj.nodeType==3){
cnt=replace(s,obj);
return cnt;
}
for (var i=0,c;c=obj.childNodes[i];i++){
if (!c.className||c.className!="highlight")
cnt+=loopSearch(s,c);
}
return cnt;
}
function replace(s,dest){
var r=new RegExp(s,"g");
var tm=null;
var t=dest.nodeValue;
var cnt=0;
if (tm=t.match(r)){
cnt=tm.length;
t=t.replace(r,"{searchHL}"+decode(s)+"{/searchHL}")
dest.nodeValue=t;
}
return cnt;
}
</script>
<style type="text/css">
.highlight{background:green;font-weight:bold;color:white;}
</style>
</head>
<body>
<form onsubmit="highlight(this.s.value);return false;">
<p><input name="s" id="s" title="搜索内容:"/><input type="submit" value="搜索"/></p>
</form>
<div id="content">
内容
内容
内容
内容
内容
</div>
</body>
</html>

3、如何在自己做的网页中添加搜索栏

1

4、网页设计中如何做一个好看的搜索框

通过from表单,将查询的关键词,通过 like 跟数据进行模糊查询对比
从topics表中查询字段subject与传进来的参数'$_POST['topic']进行比较模糊查询
设subject字段数据为:数学,英语,物理,化学,英文
$subject=$_POST['topic'];
$sql = "select * from topics where subject like '%" .$subject. "%'";
$result = mysql_query($sql);
若从表单提交的‘topic’值为“学”,得到的结果将是:数学,化学
多个字段匹配查询:
$sql = "select id,subject from topics where (id like '%" .$id. "%') or (name like '%" .$name. "%') or (subject like '%" .$subject. "%') order by id desc";

5、html中搜索框怎么做

.aa{width:100px; height:20px; boder:solid 1px #f00;}//定义搜索框的大小高度以及边框颜色。

思路是:
放大镜图标用个img写进来或者用其它回标签用CSS做背景也可以;
下拉导航答这种效果系统的Select下拉是最容易想到的,但是别想着用它做,,原因很简单,做不到的,,这个必须借助JS辅助来解决!

6、dreamweaver网页制作如何加入搜索框,搜索框功能是可以搜索自已制作的网页中的内容,能做出来吗?谢谢

可以制作搜索框,但是如果要实现实际的搜索功能可能就需要用到后台的内容了。仅仅依靠网页制作,应该是实现不了这个功能的。

7、如何在自己做的网页中添加百度搜索栏?急!

我给你几种代码,你试试,看哪种好。

1、
<iframe id="baiduframe" marginwidth="0" marginheight="0" scrolling="no"
framespacing="0" vspace="0" hspace="0" frameborder="0" width="400" height="90"
src="http://unstat.baidu.com/bn.bsc?tn=hekai_pg&cv=0&cid=1133937&csid=242&bgcr=ffffff&ftcr=000000&urlcr=0000ff&tbsz=335&sropls=1,2,3,4,5,6&kwgp=0">
</iframe>

2、
<iframe id="baiduframe" marginwidth="0" marginheight="0" scrolling="no"
framespacing="0" vspace="0" hspace="0" frameborder="0" width="140" height="75"
src="http://unstat.baidu.com/bn.bsc?tn=hekai_pg&cv=0&cid=1133937&csid=105&bgcr=ffffff&ftcr=000000&urlcr=0000ff&tbsz=80">
</iframe>

3、
<iframe id="baiduframe" marginwidth="0" marginheight="0" scrolling="no"
framespacing="0" vspace="0" hspace="0" frameborder="0" width="200" height="30"
src="http://unstat.baidu.com/bn.bsc?tn=hekai_pg&cv=0&cid=1133937&csid=102&bgcr=ffffff&ftcr=000000&urlcr=0000ff&tbsz=80">
</iframe>

4、
<iframe id="baiduframe" marginwidth="0" marginheight="0" scrolling="no"
framespacing="0" vspace="0" hspace="0" frameborder="0" width="468" height="60"
src="http://unstat.baidu.com/bn.bsc?tn=hekai_pg&cv=0&cid=1133937&csid=106&bgcr=ffffff&ftcr=000000&urlcr=0000ff&tbsz=230&sropls=1,2,3,4,5,6,7,9,10&kwgp=0">
</iframe>

这些是最常用的,你可以试试,就知道是怎么样的了,其实没什么详细的解释。这是框架代码。

补充:这就是完整的代码,是百度提供的多种样式中的4种。现在百度搜索代码就是框架的形式,所以说这就是完整代码。

8、html中搜索框怎么做?

<input type="text" class="aa"><input type="button" value="搜索" class="bb">

与设计网页中怎么添加搜索栏相关的知识