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

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

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

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