網頁設計中怎麼設置搜索框

1、網頁設計中，如何製作一個搜索的框架。求詳細步驟。它的專業術語是什麼。

用一個框襲架，<form action="mainframe" method="POST">
<input type="search" name="search" ><input type="submit" value="搜索">
</form>
<frame width=800px height=600px name=mainframe src=這里是搜索結果頁面的地址>

2、用DW製作網頁時怎樣在頁面中加入搜索欄

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就可以在瀏覽器中瀏覽效果了。

3、html 製作簡單的搜索功能

1.打開Hbuilder編輯器，創建一個輸入框和一個按鈕，水平放置。

2.首先，將「#7FCC0B」顏色的邊框添加到輸入框中，設置寬度和高度。然後，設置按鈕按鈕的白色字體和背景色「#7FCC0B」。

3.按CRTL+s可以在軟體的右邊看到最終的效果。這就是如何在HTML中創建一個搜索框。

(3)網頁設計中怎麼設置搜索框擴展資料：

1. 語言概述

WWW上的超媒體文檔稱為頁面。作為組織或個人在萬維網上的起點的頁面稱為主頁，而主頁通常包含指向其他相關頁面或其他節點的指針(超鏈接)。從邏輯上講作為一個整體處理的一系列頁面的有機集合稱為一個網站(網站或Web)。

Web頁面，也稱為Web頁面，在這里沒有區別。

2. 規范和標准

HTML是一種規范，一種標准，它使用標記符號來標記要顯示的web頁面的各個部分。web文件本身是一個文本文件，通過在文本文件中添加標記，您可以告訴瀏覽器如何顯示內容(例如，如何處理文本、如何安排圖片、如何顯示圖片等)。

瀏覽器依次讀取網頁文件，然後根據標記解釋並顯示其標記的內容。錯誤的標記不會被指出，也不會停止其解釋的執行。編譯器只能通過顯示效果來分析錯誤的原因和部分原因。但是，需要注意的是，不同的瀏覽器可能對相同的標記有不同的解釋，並且可能具有不同的顯示效果。

3.標記語言

HTML被稱為超文本標記語言，因為文本包含所謂的「超鏈接」點—URL指針，使瀏覽器能夠通過激活(單擊)新網頁來輕松檢索它們。這是為什麼HTML被廣泛使用的最重要的原因之一。

因此，Web頁面的本質是HTML，通過結合其他Web技術(如腳本語言、CGI、組件等)可以創建功能強大的Web頁面。因此，HTML是Web編程的基礎，這意味著萬維網是基於超文本的。

4、dreamweaver網頁製作如何加入搜索框，搜索框功能是可以搜索自已製作的網頁中的內容，能做出來嗎？謝謝

可以製作搜索框，但是如果要實現實際的搜索功能可能就需要用到後台的內容了。僅僅依靠網頁製作，應該是實現不了這個功能的。

5、想利用HTML，CSS製作如下圖搜索框怎麼製作？

<style>

.boxt{

/*width: 200px;*/

display: inline-block;

height: 35px;

overflow: auto;

border-radius: 35px;

border: 1px solid #3D9970;

}

.boxt input{

padding: 0px 10px;

float: left;

height: 33px;

width: 130px;

line-height: 33px;

outline: none;

border: none;

}

.boxt button{

float: left;

border: none;

line-height: 31px;

background: #3D9970;

color: #fff;

}

</style>

<div class="boxt">

<input type="text" placeholder="請輸抄入baidu...." />

<button>搜索</button>

</div>

6、html製作一個搜索框，代碼是什麼？

1、打開Hbuilder編輯器，創建一個input框和button按鈕，將它們橫排擺放在一起：

2、首先給input框添加「#7FCC0B」顏色的邊框，設置寬度和高度即可，給button按鈕設置白色的字體和「#7FCC0B」的背景顏色即可完成：

3、按crtl+s，在軟體的右側即可看到最終的效果。以上就是用html製作搜索框的演示：

7、網頁設計中如何做一個好看的搜索框

通過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";

8、如何在網頁設計中添加搜索引擎

你是指做個輸入框然後點按鈕後跳轉成別的搜索引擎（例如百度）的的呢還是在自己站內搜索