html 制作简单的搜索功能

html 制作简单的搜索功能,第1张

1.打开Hbuilder编辑器,创建一个输入框和一个按钮,水平放置。

2.首先,将“#7FCC0B”颜色的边框添加到输入框中,设置宽度和高度。然后,设置按钮按钮的白色字体和背景色“#7FCC0B”。

3.按CRTL+s可以在软件的右边看到最终的效果。这就是如何在HTML中创建一个搜索框。

扩展资料:

1. 语言概述

WWW上的超媒体文档称为页面。作为组织或个人在万维网上的起点的页面称为主页,而主页通常包含指向其他相关页面或其他节点的指针(超链接)。从逻辑上讲作为一个整体处理的一系列页面的有机集合称为一个网站(网站或Web)。

Web页面,也称为Web页面,在这里没有区别。

2. 规范和标准

HTML是一种规范,一种标准,它使用标记符号来标记要显示的web页面的各个部分。web文件本身是一个文本文件,通过在文本文件中添加标记,您可以告诉浏览器如何显示内容(例如,如何处理文本、如何安排图片、如何显示图片等)。

浏览器依次读取网页文件,然后根据标记解释并显示其标记的内容。错误的标记不会被指出,也不会停止其解释的执行。编译器只能通过显示效果来分析错误的原因和部分原因。但是,需要注意的是,不同的浏览器可能对相同的标记有不同的解释,并且可能具有不同的显示效果。

3.标记语言

HTML被称为超文本标记语言,因为文本包含所谓的“超链接”点—URL指针,使浏览器能够通过激活(单击)新网页来轻松检索它们。这是为什么HTML被广泛使用的最重要的原因之一。

因此,Web页面的本质是HTML,通过结合其他Web技术(如脚本语言、CGI、组件等)可以创建功能强大的Web页面。因此,HTML是Web编程的基础,这意味着万维网是基于超文本的。

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

类似于按F3的功能~!

只搜索当前页中是文字~!

不要查询数据库

解析:

<>

<head>

<meta -equiv="Content-Language" content="zh-">

<meta -equiv="Content-Type" content="text/charset=gb2312">

<title>test</title>

</head>

<body class="page_speeder_724936674">

<script language="JavaScript">

var NS4 = (documentyers)Which browser?

var IE4 = (document.all)

var win = windowwindow to search.

var n = 0

function findInPage(str) {

var txt, i, found

if (str == "")

return false

Find next occurance of the given string on the page, wrap around to the

start of the page if necessary.

if (NS4) {

Look for match starting at the current point. If not found, rewind

back to the first match.

if (!win.find(str))

while(win.find(str, false, true))

n++

else

n++

If not found in either direction, give message.

if (n == 0)

alert("本页没有查到.")

}

if (IE4) {

txt = win.document.body.createTextRange()

Find the nth match from the top of the page.

for (i = 0i <= n &&(found = txt.findText(str)) != falsei++) {

txt.moveStart("character", 1)

txt.moveEnd("textedit")

}

If found, mark it and scroll it into view.

if (found) {

txt.moveStart("character", -1)

txt.findText(str)

txt.select()

txt.scrollIntoView()

n++

}

Otherwise, start over at the top of the page and find first match.

else {

if (n >0) {

n = 0

findInPage(str)

}

Not found anywhere, give message.

else

alert("本页没有查到此题目,请尝试用下百度的搜索引擎在网上查下.")

}

}

return false

}

</script>

<div id="floater" class="page_speeder_1555397322">

<div align=center class="page_speeder_1173002127">

<script language=JavaScript>

self.onError=null

currentX = currentY = 0

whichIt = null

lastScrollX = 0lastScrollY = 0

NS = (documentyers) ? 1 : 0

IE = (document.all) ? 1: 0

<!-- STALKER CODE -->

function heartBeat() {

if(IE) { diffY = document.body.scrollTopdiffX = document.body.scrollLeft}

if(NS) { diffY = self.pageYOffsetdiffX = self.pageXOffset}

if(diffY != lastScrollY) {

percent = .1 * (diffY - lastScrollY)

if(percent >0) percent = Math.ceil(percent)

else percent = Math.floor(percent)

if(IE) document.all.floater.style.pixelTop += percent

if(NS) document.floater.top += percent

lastScrollY = lastScrollY + percent

}

if(diffX != lastScrollX) {

percent = .1 * (diffX - lastScrollX)

if(percent >0) percent = Math.ceil(percent)

else percent = Math.floor(percent)

if(IE) document.all.floater.style.pixelLeft += percent

if(NS) document.floater.left += percent

lastScrollX = lastScrollX + percent

}

}

<!-- /STALKER CODE -->

<!-- DRAG DROP CODE -->

function checkFocus(x,y) {

stalkerx = document.floater.pageX

stalkery = document.floater.pageY

stalkerwidth = document.floater.clip.width

stalkerheight = document.floater.clip.height

if( (x >stalkerx &&x <(stalkerx+stalkerwidth)) &&(y >stalkery &&y <(stalkery+stalkerheight))) return true

else return false

}

function grabIt(e) {

if(IE) {

whichIt = event.srcElement

while (whichIt.id.indexOf("floater") == -1) {

whichIt = whichIt.parentElement

if (whichIt == null) { return true}

}

whichIt.style.pixelLeft = whichIt.offsetLeft

whichIt.style.pixelTop = whichIt.offsetTop

currentX = (event.clientX + document.body.scrollLeft)

currentY = (event.clientY + document.body.scrollTop)

} else {

window.captureEvents(Event.MOUSEMOVE)

if(checkFocus (e.pageX,e.pageY)) {

whichIt = document.floater

StalkerTouchedX = e.pageX-document.floater.pageX

StalkerTouchedY = e.pageY-document.floater.pageY

}

}

return true

}

function moveIt(e) {

if (whichIt == null) { return false}

if(IE) {

newX = (event.clientX + document.body.scrollLeft)

newY = (event.clientY + document.body.scrollTop)

distanceX = (newX - currentX)distanceY = (newY - currentY)

currentX = newXcurrentY = newY

whichIt.style.pixelLeft += distanceX

whichIt.style.pixelTop += distanceY

if(whichIt.style.pixelTop <document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop

if(whichIt.style.pixelLeft <document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft

if(whichIt.style.pixelLeft >document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20

if(whichIt.style.pixelTop >document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5

event.returnValue = false

} else {

whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY)

if(whichIt.left <0+self.pageXOffset) whichIt.left = 0+self.pageXOffset

if(whichIt.top <0+self.pageYOffset) whichIt.top = 0+self.pageYOffset

if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17

if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17

return false

}

return false

}

function dropIt() {

whichIt = null

if(NS) window.releaseEvents (Event.MOUSEMOVE)

return true

}

<!-- DRAG DROP CODE -->

if(NS) {

window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN)

window.onmousedown = grabIt

window.onmousemove = moveIt

window.onmouseup = dropIt

}

if(IE) {

document.onmousedown = grabIt

document.onmousemove = moveIt

document.onmouseup = dropIt

}

if(NS || IE) action = window.setInterval("heartBeat()",1)

</script>

<form name=search onSubmit="return findInPage(this.string.value)">

<font size=3><font color="#FF0000"><br>

请输入关键字:<br>

</font><br>

<input name=string type=text size=10 onChange="n = 0"><br>

</font><br>

<input type=submit value="查找">

<input type=submit value="继续查"><br>

</form>

</div>

</div>

<script language=JavaScript>

self.onError=null

currentX = currentY = 0

whichIt = null

lastScrollX = 0lastScrollY = 0

NS = (documentyers) ? 1 : 0

IE = (document.all) ? 1: 0

<!-- STALKER CODE -->

function heartBeat() {

if(IE) { diffY = document.body.scrollTopdiffX = document.body.scrollLeft}

if(NS) { diffY = self.pageYOffsetdiffX = self.pageXOffset}

if(diffY != lastScrollY) {

percent = .1 * (diffY - lastScrollY)

if(percent >0) percent = Math.ceil(percent)

else percent = Math.floor(percent)

if(IE) document.all.floater.style.pixelTop += percent

if(NS) document.floater.top += percent

lastScrollY = lastScrollY + percent

}

if(diffX != lastScrollX) {

percent = .1 * (diffX - lastScrollX)

if(percent >0) percent = Math.ceil(percent)

else percent = Math.floor(percent)

if(IE) document.all.floater.style.pixelLeft += percent

if(NS) document.floater.left += percent

lastScrollX = lastScrollX + percent

}

}

<!-- /STALKER CODE -->

<!-- DRAG DROP CODE -->

function checkFocus(x,y) {

stalkerx = document.floater.pageX

stalkery = document.floater.pageY

stalkerwidth = document.floater.clip.width

stalkerheight = document.floater.clip.height

if( (x >stalkerx &&x <(stalkerx+stalkerwidth)) &&(y >stalkery &&y <(stalkery+stalkerheight))) return true

else return false

}

function grabIt(e) {

if(IE) {

whichIt = event.srcElement

while (whichIt.id.indexOf("floater") == -1) {

whichIt = whichIt.parentElement

if (whichIt == null) { return true}

}

whichIt.style.pixelLeft = whichIt.offsetLeft

whichIt.style.pixelTop = whichIt.offsetTop

currentX = (event.clientX + document.body.scrollLeft)

currentY = (event.clientY + document.body.scrollTop)

} else {

window.captureEvents(Event.MOUSEMOVE)

if(checkFocus (e.pageX,e.pageY)) {

whichIt = document.floater

StalkerTouchedX = e.pageX-document.floater.pageX

StalkerTouchedY = e.pageY-document.floater.pageY

}

}

return true

}

function moveIt(e) {

if (whichIt == null) { return false}

if(IE) {

newX = (event.clientX + document.body.scrollLeft)

newY = (event.clientY + document.body.scrollTop)

distanceX = (newX - currentX)distanceY = (newY - currentY)

currentX = newXcurrentY = newY

whichIt.style.pixelLeft += distanceX

whichIt.style.pixelTop += distanceY

if(whichIt.style.pixelTop <document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop

if(whichIt.style.pixelLeft <document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft

if(whichIt.style.pixelLeft >document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20

if(whichIt.style.pixelTop >document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5

event.returnValue = false

} else {

whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY)

if(whichIt.left <0+self.pageXOffset) whichIt.left = 0+self.pageXOffset

if(whichIt.top <0+self.pageYOffset) whichIt.top = 0+self.pageYOffset

if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17

if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17

return false

}

return false

}

function dropIt() {

whichIt = null

if(NS) window.releaseEvents (Event.MOUSEMOVE)

return true

}

<!-- DRAG DROP CODE -->

if(NS) {

window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN)

window.onmousedown = grabIt

window.onmousemove = moveIt

window.onmouseup = dropIt

}

if(IE) {

document.onmousedown = grabIt

document.onmousemove = moveIt

document.onmouseup = dropIt

}

if(NS || IE) action = window.setInterval("heartBeat()",1)

</script>

<p><b>题库 </b></p>

<p>请在右边的搜索框中查找在此页面查找<br>

<br>

"馒头是谁发明的?","诸葛亮",<br>

"“蚕蚁”是蚂蚁还是蚕?","蚕",<br>

"古诗的体制称为“风雅颂”,其中“颂”是指:","宗庙乐歌",<br>

" 目前,唯有哪个金融机构可在县一级的地方设立分支机构?","中国农业银行",<br>

"东汉末年我国的一位杰出的医学家是:","华佗",<br>

"离地面越高空气越稀薄是因为:","空气受到地球引力的影响",<br>

</P>

</body>

</>

如何写一个对话框,输入的东西直接在百度中搜索,就像hao123一样 这位网友你好,百度是提供这种搜索内嵌代码的。

<form action=":baidu./baidu" target="_blank"><table bgcolor="#FFFFFF"><tr><td><input name=tn type=hidden value=baidu><a href=":baidu./"><img src=:gss0.bdstatic./70cFsjip0QIZ8tyhnq/img/logo-80px.gif alt="Baidu" align=bottom border=0></a><input type=text name=word size=30><input type=submit value="百度搜索"></td></tr></table></form>

你可以看一下百度提供的代码:

:help.baidu./question?prod_en=search&class=%C3%E2%B7%D1%B4%FA%C2%EB&id=1000664

在百度中输入的东西怎么清除干净

装个360之类的软件·然后选择“清理历史痕迹”

~

请问一下在如何去掉在百度搜索栏中存在的以前输入的东西?

1 自定义删除(即想删除哪条历史记录就删除哪条)

在百度搜索网页里的搜索栏中,点击鼠标左键两次,会出现以前搜索过的历史记录。然后用鼠标指向你想要删除的历史记录(注意:是指向,不要点击),这时这条历史记录会深色显示,再点击DEL键,就可以删除这一条历史记录了。这种方法你可以随心所欲,想删哪条都可以。

2 完全删除法

在桌面用鼠标右键点击IE图标,再点属性。选上面的“内容”按钮。再点下面的“自动完成”按钮。然后点击“清除表单”,就可以把以前的所有历史记录删掉。如果想以后也把录用的内容不留历史记录,则把“表单”前面的勾去掉。

在此建议使用第一种方法,因为第二种方法可能将您需要的记录也删除掉。

怎么删除百度搜索那个对话框里以前输入过的东西

点击那个输入框,随便输入一个字,你就会看到有以前的历史记录了,你有没有看到“清除历史记录”?

1 自定义删除(即想删除哪条历史记录就删除哪条)

在百度搜索网页里的搜索栏中,点击鼠标左键两次,会出现以前搜索过的历史记录。然后用鼠标指向你想要删除的历史记录(注意:是指向,不要点击),这时这条历史记录会深色显示,再点击DEL键,就可以删除这一条历史记录了。这种方法你可以随心所欲,想删哪条都可以。

2 完全删除法

在桌面用鼠标右键点击IE图标,再点属性。选上面的“内容”按钮。再点下面的“自动完成”按钮。然后点击“清除表单”,就可以把以前的所有历史记录删掉。如果想以后也把录用的内容不留历史记录,则把“表单”前面的勾去掉。

3 用修复工具,比如上网助手..

删除搜索框中的历史记录

如何清除搜索框内的搜索历史记录?

答:这是网页浏览器的一项功能。进入IE浏览器的相关菜单选项设置:

·如果您使用IE4.0浏览器,则由“查看→inter选项→内容→自动完成→清除表单→完成”;

·如果您使用IE5.0及以上版本的浏览器,则由“工具→inter选项→内容→自动完成→清除表单→完成”;

·如果您希望IE浏览器以后不再记录查询过的内容,请在“自动完成”设置页面内把“表单”前的选项勾去掉。

------------------------------------------------

其他

有三种方法:

第一种:自定义删除(即想删除哪条历史记录就删除哪条)

在百度搜索网页里的搜索栏中,点击鼠标左键两次,会出现以前搜索过的历史记录。然后用鼠标指向你想要删除的历史记录(注意:是指向,不要点击),这时这条历史记录会深色显示,再点击DEL键,就可以删除这一条历史记录了。这种方法你可以随心所欲,想删哪条都可以。

第二种:完全删除法

在桌面用鼠标右键点击IE图标,再点属性。选上面的“内容”按钮。再点下面的“自动完成”按钮。然后点击“清除表单”,就可以把以前的所有历史记录删掉。如果想以后也把录用的内容不留历史记录,则把“表单”前面的勾去掉。

第三种:用修复工具,比如上网助手..

申请什么样的域名可以直接在百度中搜索到

国际域名要收费的

二级域名一般都是免费的

只要内容不错

通过百度都可以搜索到

花生壳 、、、什么的。可以搞到二级域名

不过你搞不到你二级域名的控制面板。

如果你自己申请国际域名,可以自己分出来很多个二级域名。

在百度中搜索东西,想输入字体,怎么鼠标点不上去

请尝试转换输入法。有时候输入法会处于无法输入状态。我遇到过很多次。转换几下便可,如果对你有帮助,请加分谢谢!

怎样在百度中搜索flash文件

:flash.zhongsou./

请问以前在百度的小对话框里搜索的东西怎么删不掉

删除搜索框中的历史记录

如何清除搜索框内的搜索历史记录?

答:这是网页浏览器的一项功能。进入IE浏览器的相关菜单选项设置:

·如果您使用IE4.0浏览器,则由“查看→inter选项→内容→自动完成→清除表单→完成”;

·如果您使用IE5.0及以上版本的浏览器,则由“工具→inter选项→内容→自动完成→清除表单→完成”;

·如果您希望IE浏览器以后不再记录查询过的内容,请在“自动完成”设置页面内把“表单”前的选项勾去掉。

------------------------------------------------

其他

有三种方法:

第一种:自定义删除(即想删除哪条历史记录就删除哪条)

在百度搜索网页里的搜索栏中,点击鼠标左键两次,会出现以前搜索过的历史记录。然后用鼠标指向你想要删除的历史记录(注意:是指向,不要点击),这时这条历史记录会深色显示,再点击DEL键,就可以删除这一条历史记录了。这种方法你可以随心所欲,想删哪条都可以。

第二种:完全删除法

在桌面用鼠标右键点击IE图标,再点属性。选上面的“内容”按钮。再点下面的“自动完成”按钮。然后点击“清除表单”,就可以把以前的所有历史记录删掉。如果想以后也把录用的内容不留历史记录,则把“表单”前面的勾去掉。

第三种:用修复工具,比如上网助手..


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6144568.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存