製作網頁時搜尋框怎麼做

　　們在製作大型網站時，經常會遇到製作一個漂亮的搜尋框的問題，看似簡潔的搜尋框，製作起來也是需要我們細細規劃一下，今天小編為大家推薦製作網頁時搜尋框的方法。

　　製作網頁時搜尋框的方法

　　首先，我們開啟自己建了一半的網頁或者是新建一個頁面，個人建議用HTML5。

　　然後，我們開始編寫程式碼。搜尋框要有輸入框和搜尋按鈕兩部分組成，我用的都是input

　　我們會在input框的外面再套一個標籤，我是仿照百度搜索的樣子，在input的外面套了一個span標籤，在最外層套了一個form表單

　　我們的第一個input框是用來輸入文字的，其type型別應該是text,第二個是搜尋的，我用的type型別是submit***提交***，

　　這樣一個簡單的搜尋框就算是做出來了，我們可以在瀏覽器中檢視一下。可以看到兩個框之間是有一定的距離的，這個就需要我們重新定位提交按鈕的位置

　　我採用的是relative定位方法，將第二個input框的位置定位為

　　這樣一個基本的搜尋框就做好了，我們可以再調整一下框的高度和寬度，以及整體的位置，使得這個搜尋框更加美觀大方。