html網頁搜索代碼
<style>
.button{border:2pxsolid#C5C5C5;background:#EEEEEE;margin:04px;}
.search{border:2pxsolid#C5c5c5;}
</style>
<divclass="searchdiv">
<inputtype="text"class="search"/>
<inputtype="button"value="搜索"class="button"/>
<inputtype="button"value="高級"class="button"/>
</div>
我用抄純html 做的 如果襲你用了圖片按鈕 可以試一試給.search和.button 加上vertical-align:middle;這個屬性
2. html中搜索框怎麼做
.aa{width:100px; height:20px; boder:solid 1px #f00;}//定義搜索框的大小高度以及邊框顏色。
思路是：
放大鏡圖標用個專img寫進來或者用其它標簽用屬CSS做背景也可以；
下拉導航這種效果系統的Select下拉是最容易想到的，但是別想著用它做，，原因很簡單，做不到的，，這個必須藉助JS輔助來解決！
3. html代碼如何實現搜索查詢本頁面內容並展示
你可以搜索一下錨點，a標簽配合其他標簽所設置的id能實現本頁面的內容查詢，當然也能實現實現跨頁面的內容查詢，道理都一樣。
4. 網站HTML的代碼怎麼查找的呢
通俗了解，通過html語法規則讓圖片、文字等內容，在瀏覽器顯示出來的代碼內我們稱之為網頁容源代碼。源代碼(源文件)是指網頁的html代碼，這里可以將CSS代碼也稱為CSS源代碼。
第一種：打開一個網頁後點擊滑鼠的
右鍵就會有"查看源文件"，操作 滑鼠右鍵--->查看源文件 即可彈出一個記事本，而記事本內容就是此網頁的html代碼。可能會碰到一些網頁滑鼠右鍵無反應或提出提示框，那是因為做網頁的加入了JS代碼來禁止用戶查看源文件代碼或復制網頁內容，但是這種方法也沒用,只有你稍微懂得以下第二種方法即可查看此網頁的源代碼源文件。
第二種：通過瀏覽器狀態欄或工具欄中的點擊
「查看」然後就用一項「查看源代碼」，點擊查看源代碼即可查看此網頁的源代碼源文件。在微軟IE下截圖：在微軟IE下 查看--->源文件 即可查看此網頁代碼在傲遊瀏覽器下截圖：
查看別人網頁的源代碼可以為我們製作網頁時候有幫助，以後將介紹查看源代碼更多方法及怎麼運用到別人的源代碼文件。
第三種：也可以通過一些網頁查找源代碼的網站去搜索，有一些專門的這些網站的，只需要你想要網站的地址就可以了。
5. html 製作簡單的搜索功能
1.打開Hbuilder編輯器，創建一個輸入框和一個按鈕，水平放置。
(5)html網頁搜索代碼擴展閱讀：
1. 語言概述
WWW上的超媒體文檔稱為頁面。作為組織或個人在萬維網上的起點的頁面稱為主頁，而主頁通常包含指向其他相關頁面或其他節點的指針(超鏈接)。從邏輯上講作為一個整體處理的一系列頁面的有機集合稱為一個網站(網站或Web)。
Web頁面，也稱為Web頁面，在這里沒有區別。
2. 規范和標准
HTML是一種規范，一種標准，它使用標記符號來標記要顯示的web頁面的各個部分。web文件本身是一個文本文件，通過在文本文件中添加標記，您可以告訴瀏覽器如何顯示內容(例如，如何處理文本、如何安排圖片、如何顯示圖片等)。
瀏覽器依次讀取網頁文件，然後根據標記解釋並顯示其標記的內容。錯誤的標記不會被指出，也不會停止其解釋的執行。編譯器只能通過顯示效果來分析錯誤的原因和部分原因。但是，需要注意的是，不同的瀏覽器可能對相同的標記有不同的解釋，並且可能具有不同的顯示效果。
3.標記語言
HTML被稱為超文本標記語言，因為文本包含所謂的「超鏈接」點—URL指針，使瀏覽器能夠通過激活(單擊)新網頁來輕松檢索它們。這是為什麼HTML被廣泛使用的最重要的原因之一。
因此，Web頁面的本質是HTML，通過結合其他Web技術(如腳本語言、CGI、組件等)可以創建功能強大的Web頁面。因此，HTML是Web編程的基礎，這意味著萬維網是基於超文本的。
6. html 搜索框的代碼怎麼寫
首先抄把搜索寬切片下襲來再CSS樣式裡面用為背景
<body>
<form action="" method="get">
<div class="kuan"><input name="" type="text" /></div><!--搜索框-->
<div class="an"><input name="" type="button" /></div><!--搜索按鈕-->
</form>
</body>
CSS樣式根據實際自己調整
<style type="text/css">
.kuan input{ width:330px; height:60px; background:background:url(../img/kuan_01.jpg) no-repeat; border:none; float:left}
.an input{ width:120px; height:60px; background:background:url(../img/an_02.jpg) no-repeat;border:none; float:left}
</style>
7. Html:怎麼做搜索頁面中包含文字的代碼
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
</head>
<body style="font-size: 10pt">
<script language="JavaScript">
var NS4 = (document.layers); // Which browser?
var IE4 = (document.all);
var win = window; // window 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 = 0; i <= n && (found = txt.findText(str)) != false; i++) {
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" style="position:absolute; width:95px; height:105px; z-index:10; visibility: visible; right: 10px; top: 13px">
<div align="center" style="width: 158; height: 245">
<script language=JavaScript>
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
function heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = 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 = newX; currentY = 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 = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
function heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = 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 = newX; currentY = 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>
</html>
8. 求搜索網頁代碼
<!-- Search Google -->
<center>
<form method="get" action="http://www.google.cn/search" target="google_window">
<table bgcolor="#000000">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25blk.gif" border="0" alt="Google" align="middle"></img></a>
<label for="sbi" style="display: none">輸入您的搜索字詞</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">提交搜索表單</label>
<input type="submit" name="sa" value="搜索" id="sbb"></input>
<input type="hidden" name="client" value="pub-8409638461021394"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="prog" value="aff"></input>
<input type="hidden" name="ie" value="GB2312"></input>
<input type="hidden" name="oe" value="GB2312"></input>
<input type="hidden" name="hl" value="zh-CN"></input>
</td></tr></table>
</form>
</center>
<!-- Search Google -->
goog網頁代碼
9. html網站的搜索框
<input type="text" class="aa" /><input type="button" value="search" />
.aa{width:100px; height:20px; boder:solid 1px #f00;}//定義搜索框的大小高度以及邊框顏色。
思路是：
放大鏡圖標用個img寫進來或者用其專它標簽用CSS做背景也可以；屬
下拉導航這種效果系統的Select下拉是最容易想到的，但是別想著用它做，，原因很簡單，做不到的，，這個必須藉助JS輔助來解決！
10. 怎麼在html中實現搜索信息的功能
你說的是輸入一個字就在輸入框下出現其他的信息？還是說輸入之後就能彈出詳細的信息？