1、html 製作簡單的搜索功能
1.打開Hbuilder編輯器,創建一個輸入框和一個按鈕,水平放置。
2.首先,將「#7FCC0B」顏色的邊框添加到輸入框中,設置寬度和高度。然後,設置按鈕按鈕的白色字體和背景色「#7FCC0B」。
3.按CRTL+s可以在軟體的右邊看到最終的效果。這就是如何在HTML中創建一個搜索框。
(1)網頁設計哪裡可以搜索代碼擴展資料:
1. 語言概述
WWW上的超媒體文檔稱為頁面。作為組織或個人在萬維網上的起點的頁面稱為主頁,而主頁通常包含指向其他相關頁面或其他節點的指針(超鏈接)。從邏輯上講作為一個整體處理的一系列頁面的有機集合稱為一個網站(網站或Web)。
Web頁面,也稱為Web頁面,在這里沒有區別。
2. 規范和標准
HTML是一種規范,一種標准,它使用標記符號來標記要顯示的web頁面的各個部分。web文件本身是一個文本文件,通過在文本文件中添加標記,您可以告訴瀏覽器如何顯示內容(例如,如何處理文本、如何安排圖片、如何顯示圖片等)。
瀏覽器依次讀取網頁文件,然後根據標記解釋並顯示其標記的內容。錯誤的標記不會被指出,也不會停止其解釋的執行。編譯器只能通過顯示效果來分析錯誤的原因和部分原因。但是,需要注意的是,不同的瀏覽器可能對相同的標記有不同的解釋,並且可能具有不同的顯示效果。
3.標記語言
HTML被稱為超文本標記語言,因為文本包含所謂的「超鏈接」點—URL指針,使瀏覽器能夠通過激活(單擊)新網頁來輕松檢索它們。這是為什麼HTML被廣泛使用的最重要的原因之一。
因此,Web頁面的本質是HTML,通過結合其他Web技術(如腳本語言、CGI、組件等)可以創建功能強大的Web頁面。因此,HTML是Web編程的基礎,這意味著萬維網是基於超文本的。
2、dreamweaver網頁製作如何加入搜索框,搜索框功能是可以搜索自已製作的網頁中的內容,能做出來嗎?謝謝
可以製作搜索框,但是如果要實現實際的搜索功能可能就需要用到後台的內容了。僅僅依靠網頁製作,應該是實現不了這個功能的。
3、網頁設計問題?搜索功能.
可以實現。你可以使用baidu,google或中搜提供的站內搜索功能。
見http://www.baidu.com/search/guide.html#4
代碼如下:
<SCRIPT language=javascript>
function g(formname) {
var url = "http://www.baidu.com/baidu";
if (formname.s[1].checked) {
formname.ct.value = "2097152";
}
else {
formname.ct.value = "0";
}
formname.action = url;
return true;
}
</SCRIPT>
<form name="f1" onsubmit="return g(this)">
<table bgcolor="#FFFFFF" style="font-size:9pt;">
<tr height="60"><td valign="top"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-137px.gif" border="0" alt="baidu"></td>
<td>
<input name=word size="30" maxlength="100">
<input type="submit" value="百度搜索"><br>
<input name=tn type=hidden value="bds">
<input name=cl type=hidden value="3">
<input name=ct type=hidden>
<input name=si type=hidden value="www.guoxue.com">
<input name=s type=radio> 互聯網
<input name=s type=radio checked> www.guoxue.com
</td></tr></table>
</form>
將其中的www.guoxue.com替換成你的網站即可。
4、網頁製作如何實現搜索的功能?請大家幫幫我
搜索是首先對搜索框定義一個表單
即<form action="搜索處理頁面URL" method="post">
下面是你的輸入框和按鈕
然後內在處理頁面進行處理就可容以了
處理頁面需要獲取輸入框所傳遞過來的數值,然後進行資料庫取值比對!
已經回答你了,你最後的補充不知道你要說明什麼
5、如何在網頁中實現搜索功能?
有三種常見的方式
1、自己設計表單、編程、與資料庫鏈接檢索。
2、在百度或谷歌注冊申請站內搜索功能。獲得代碼,添加到自己的頁面中。
3、使用第三方的工具軟體,搭建檢索功能
下面是製作』PHP搜索』功能
准備:
資料庫(mysql):一個資料庫(search),庫裡面一個表(title),表裡面一個欄位(name).
PHP頁面:兩個頁面(index.php search.php)
製作工具:Dreamweaver
開始:
——————————————————
第一步.創建資料庫.(目前大家應該都是用的phpmyadmin來操作資料庫的吧?)
建立一個資料庫.
第二步.建表
在剛建立的search資料庫里插入一個名字為title的表.建表時讓你選插入幾個欄位.寫1就可以了.
第三步.建欄位
插入的欄位命名為name,長度值20就可以了.
—–資料庫部分已經做完,接下來是網頁部分—–
第四步.建立兩個頁面
建立兩個文件:index.php和search.php可以使用記事本等文本工具直接建立.我使用的工具是Dreamweaver(方便嘛.呵呵).
第五步.index.php的頁面製作.
這個頁面是用來傳遞你搜索的關鍵字的.代碼如下:
<form method=」post」 action=」search.php」 name=」search」>
<input name=」search」 type=」text」 value=」" size=」15″> <input type=」submit」 value=」Search」>
</form>
這段代碼是建立一個FORM表單.專門用來提交數據的.
第一行是FORM表單的開始.它的傳遞方式是post,傳遞到search.php這個頁面.表單名為name.
第二行是文本域和提交按鈕.文本域命名為search,按鈕默認就可以了.
第三行是FORM表單的結束語句.
第五步.search.php的頁面製作.
這個頁面很關鍵.因為他是獲取index頁面傳遞過來的值,然後導出搜索的數據.
首先要綁定你建立的search資料庫,我用的DW生成的.
上一個頁面傳送的文本域是search.所以,這里需要建立一個search變數.來接收你輸入的關鍵詞.用以下語句定義變數:
<?php
$searchs = $_POST['search'];
?>
然後建立一個記錄集,選擇高級.SQL語句中填寫:
SELECT *
FROM title
WHERE name like 『%$searchs%』
這句的意思是選擇title表裡面的所有欄位(*),然後查詢name中的$searchs變數。這個變數也就是你在index中輸入的值啦。
然後在BODY裡面綁定一個動態文本。選擇NAME。
—–網頁部分完成.真個搜索功能也就完成了—–
6、到哪裡去找網頁製作的代碼?
HTML 語法大全
這里收集了 HTML 的所有語法〈當然並不是全部,但也差不多是這樣了〉。希望對網友查詢時比較方便。 註:按英文字母順序排列
卷標 , 屬性名稱 簡介
<! - - ... - -> 批註
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>...</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經據典的文字
<CODE>...</CODE> 用於列出一段程序代碼
<COMMENT>...</COMMENT> 加上批註
<DD> 設定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字卷標
<DL>...</DL> 設定定義列表的卷標
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<FORM ACTION> 設定戶動式窗體的處理方式
<FORM METHOD> 設定戶動式窗體之資料傳送方式
<FRAME MARGINHEIGHT> 設定窗口的上下邊界
<FRAME MARGINWIDTH> 設定窗口的左右邊界
<FRAME NAME> 為分割窗口命名
<FRAME NORESIZE> 鎖住分割窗口的大小
<FRAME SCROLLING> 設定分割窗口的滾動條
<FRAME SRC> 將HTML文件加入窗口
<FRAMESET COLS> 將窗口分割成左右的子窗口
<FRAMESET ROWS> 將窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 劃分分割窗口
<H1>~<H6> 設定文字大小
<HEAD> 標示文件信息
<HR> 加上分網格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME VALUE> 在窗體中加入輸入欄位
<ISINDEX> 定義查詢用窗體
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字卷標
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割窗口的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義窗體中列表欄的項目
<P ALIGN> 設定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在窗體中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整數據域位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>...</TABLE> 產生表格的卷標
<TD ALIGN> 調整表格欄位之左右對齊
<TD BGCOLOR> 設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合並
<TD NOWRAP> 設定表格欄位不換行
<TD VALIGN> 調整表格欄位之上下對齊
<TD WIDTH> 調整表格欄位寬度
<TD>...</TD> 定義表格的數據域位
<TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標頭欄位
<TITLE> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數
7、誰知道網頁設計中「搜索」那一塊的代碼
什麼語言啊?就是一個DB的模糊查詢啊
8、製作網頁內的搜索程序
不知道你用來的是什麼語言源,對於這樣的功能最好的實現形式是ajax,發送非同步伺服器請求,可以試一試Sajax,有各種語言版本 asp php等
還可以用js打開一個新的網頁,通過傳送書目的id查詢書的書的詳細信息,不用js也可以,直接鏈接到另外一個網頁就行,原理與上面相同。
ajax最大的好處是可以在當前頁面打開一個小的頁面,增強用戶體驗,但是比較復雜