1、點(diǎn)擊那個(gè)輸入框，隨便輸入一個(gè)字，你就會(huì)看到有以前的歷史記錄了，你有沒有看到“清除歷史記錄”1 自定義刪除即想刪除哪條歷史記錄就刪除哪條在百度搜索網(wǎng)頁里的搜索欄中，點(diǎn)擊鼠標(biāo)左鍵兩次，會(huì)出現(xiàn)以前搜索過的歷史記錄然后用鼠標(biāo)指向你想要?jiǎng)h除的歷史記錄注意是指向，不要點(diǎn)擊，這時(shí)這條；這里ltinput type=quotbuttonquot value=quot搜索quot 換成 圖片按鈕就可以了ltinput type=quotimagequot src=quot圖片路徑quot 顏色也是自己調(diào)吧 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot；1打開Hbuilder編輯器，創(chuàng)建一個(gè)input框和button按鈕，將它們橫排擺放在一起2首先給input框添加“#7FCC0B”顏色的邊框，設(shè)置寬度和高度即可，給button按鈕設(shè)置白色的字體和“#7FCC0B”的背景顏色即可完成3按crtl+s，在軟件的右側(cè)即可看到最終的效果以上就是用html制作搜索框的演示；lt！DOCTYPE html lthtml xmlns=quot lthead ltmeta content=quotenusquot。

2、因?yàn)閳D片中放大鏡是一個(gè)圖片，沒法給你直接找到圖片你可以自己找到后放上地址就可以了ltdiv style=quot樣式的高設(shè)成本圖片的高樣式的寬設(shè)成本圖片的寬quot ltp style=quotboderradius10pxquotltimg src=quot這里放放大鏡的地址quotltinput type=quottextquotltp ltdiv 注boderradius10px是IE瀏覽；ltform action=quotxxxhtmlquot method=quotgetquot ltinput type=quottextquot name=quotfnamequot ltinput type=quotsubmitquot value=quot搜索quot ltform其中xxxhtml就是要跳轉(zhuǎn)到的地址，這就是表單提交，提交到xxxhtml不過一般提交到都是動(dòng)態(tài)的頁面，比如xxxphp，因?yàn)閯?dòng)態(tài)的語言才方便處理提交過去的數(shù)據(jù)；首先來張效果圖，這是寫好的效果 代碼如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltmeta；直接用js字符串操作或者正則都可以實(shí)現(xiàn)的，不懂的話就去w3school看看，其實(shí)不難；無論是網(wǎng)站還是web應(yīng)用，都會(huì)為了增強(qiáng)用戶體驗(yàn)而添加它，那么你是不是也想過設(shè)計(jì)一個(gè)別致的搜索框在今天的文章中，大家將會(huì)學(xué)到如何使用偽元素來創(chuàng)建一個(gè)超酷的CSS3搜索框當(dāng)然在開始介紹前你也可以下載源代碼或者查看在線演示HTML舉例正如接下來你所看到的，標(biāo)記很少，并且很容易理解ltform class。

3、跳轉(zhuǎn)的時(shí)候把輸入內(nèi)容作為參 數(shù)傳遞到跳轉(zhuǎn)頁，跳轉(zhuǎn)頁加載的時(shí)候接收 傳遞參數(shù)并執(zhí)行搜索方法就行了；class=quotswap_valuequot ltinput type=quotimagequot src=quotimga_r6_c16pngquot width=quot138quot height=quot48quot id=quotgoquot alt=quotSearchquot title=quotSearchquot ltform ltdiv 那是因?yàn)槟愕乃阉骺蜻^長，你外圍div并沒有設(shè)置寬度，外圍div的寬度等搜索框的寬度加按鈕的寬度，再加Margin的寬度就可以了；lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot ltlink rel=quotstylesheetquot href=quot37css lthead ltstyle type=quottextcssquot input_test display inlinebordercolor red*邊框紅色* *圓角度數(shù)。

4、1打開Hbuilder編輯器，創(chuàng)建一個(gè)輸入框和一個(gè)按鈕，水平放置2首先，將“＃7FCC0B”顏色的邊框添加到輸入框中，設(shè)置寬度和高度然后，設(shè)置按鈕按鈕的白色字體和背景色“＃7FCC0B”3按CRTL+s可以在軟件的右邊看到最終的效果這就是如何在HTML中創(chuàng)建一個(gè)搜索框；ltbody ltform action=quotquot method=quotgetquot ltdiv class=quotkuanquotltinput name=quotquot type=quottextquot ltdivlt！搜索框 ltdiv class=quotanquotltinput name=quotquot type=quotbuttonquot ltdivlt！搜索按鈕 ltform ltbody CSS樣式根據(jù)實(shí)際自己調(diào)整 ltstyle type=quottextcssquot kuan input；用input標(biāo)簽就行，上午回答了知道里面一個(gè)童鞋同樣的問題，代碼同樣給你哈 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltmeta。