placeholder=quot#xF002 検索quot ltinput class=quotaquot type=quottextquot name=quotquotlt！ 把這個換成圖片加個onclick時間就行 ltdiv ltbody ltscript type=quottextjavascriptquot ltscript lthtml；跳轉(zhuǎn)的時候把輸入內(nèi)容作為參 數(shù)傳遞到跳轉(zhuǎn)頁，跳轉(zhuǎn)頁加載的時候接收 傳遞參數(shù)并執(zhí)行搜索方法就行了；ltinput type=quottextquot class=quotaaquotltinput type=quotbuttonquot value=quot搜索quot class=quotbbquot這是一個最簡單樣式的搜索框，沒有很復(fù)雜的樣式如果需要設(shè)計樣式可以根據(jù)class=quotaaquot來寫樣式，aa在括號中添加代碼即可，當(dāng)然這。

要是要兼容ie的話，必須是用圖片要是不考慮ie的話 直接寫代碼就好了在css中寫mozborderradius 11pxkhtmlborderradius 11pxwebkitborderradius 11pxborderradius 11px；3按crtl+s，在軟件的右側(cè)即可看到最終的效果以上就是用html制作搜索框的演示；首先來張效果圖，這是寫好的效果 代碼如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltmeta；因為圖片中放大鏡是一個圖片，沒法給你直接找到圖片你可以自己找到后放上地址就可以了ltdiv style=quot樣式的高設(shè)成本圖片的高樣式的寬設(shè)成本圖片的寬quot ltp style=quotboderradius10pxquotltimg src=quot這里放放大鏡的。

我自己簡單做了一個，因為上傳圖片麻煩，所以圖中的圖片我直接用文字代替，弄個背景就ok，代碼如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotlthtmllthead ltmeta；如何寫一個對話框，輸入的東西直接在百度中搜索，就像hao123一樣 這位網(wǎng)友你好，百度是提供這種搜索內(nèi)嵌代碼的ltform action=quotbaidubaiduquot target=quot_blankquotlttable bgcolor=quot#FFFFFFquotlttrlttdltinput name=tn；利用html寫一個簡單的搜索頁面的方法如下1打開Hbuilder編輯器，創(chuàng)建一個輸入框和一個按鈕，水平放置2首先，將“＃7FCC0B”顏色的邊框添加到輸入框中，設(shè)置寬度和高度然后，設(shè)置按鈕按鈕的白色字體和背景色“＃7F。

觸發(fā)方式一告訴瀏覽器如何變形webkittransformstylepreserve3d溫馨提示IE不支持三維變形在移動端，大部分瀏覽器都是WebKit內(nèi)核，所以你需要在這段代碼前寫前綴內(nèi)核webkit提示不要為body元素設(shè)置WebKit；ltinput type=quotsearchquot ltinput 元素的 search 類型是 專為用戶輸入搜索查詢而設(shè)計的文本字段功能上與 text 輸入相同， 但是可以通過 user agent 進行不同樣式的設(shè)置ltstylelabel display blockfont；將button直接放在input后面，中間不要加別的就可以了，這樣搜索框和按鈕就在同一行了；1 在 HTML 頁面的頭部區(qū)域中添加一個 CSS 樣式表2 在 CSS 樣式表中，使用 position 屬性將搜索框定位在頁面右側(cè)例如```css 搜索框 position absoluteright 0top 0 ```上述代碼將搜索框定位在頁；ltdiv ltinput type=quottextquot ltimg style=quotwidth 20pxposition absoluteleft 140pxtop 15pxquot src=quoticonpngquot ltdiv 3瀏覽器運行indexhtml頁面，此時輸入框右邊添加了放大鏡。