1 在 HTML 頁(yè)面的頭部區(qū)域中添加一個(gè) CSS 樣式表2 在 CSS 樣式表中，使用 position 屬性將搜索框定位在頁(yè)面右側(cè)例如```css 搜索框 position absoluteright 0top 0 ```上述代碼將搜索框定位在頁(yè)面右側(cè)，并且使其永不重疊頁(yè)面上其他元素3 可以根據(jù)搜索框的需求添加其他的。

在百度搜索網(wǎng)頁(yè)里的搜索欄中，點(diǎn)擊鼠標(biāo)左鍵兩次，會(huì)出現(xiàn)以前搜索過的歷史記錄然后用鼠標(biāo)指向你想要?jiǎng)h除的歷史記錄注意是指向，不要點(diǎn)擊，這時(shí)這條歷史記錄會(huì)深色顯示，再點(diǎn)擊DEL鍵，就可以刪除這一條歷史記錄了這種方法你可以隨心所欲，想刪哪條都可以2 完全刪除法 在桌面用鼠標(biāo)右鍵點(diǎn)擊IE圖。

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 width3。

我自己簡(jiǎn)單做了一個(gè)，因?yàn)樯蟼鲌D片麻煩，所以圖中的圖片我直接用文字代替，弄個(gè)背景就ok，代碼如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotlthtmllthead ltmeta。

1打開Hbuilder編輯器，創(chuàng)建一個(gè)輸入框和一個(gè)按鈕，水平放置2首先，將“#7FCC0B”顏色的邊框添加到輸入框中，設(shè)置寬度和高度然后，設(shè)置按鈕按鈕的白色字體和背景色“#7FCC0B”3按CRTL+s可以在軟件的右邊看到最終的效果這就是如何在HTML中創(chuàng)建一個(gè)搜索框。

代碼如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltmeta。

其他代碼學(xué)習(xí)的方法如果有想要學(xué)習(xí)的代碼不知道怎么實(shí)現(xiàn)，可以先打開一個(gè)有你想學(xué)的元素的網(wǎng)頁(yè)比如你想學(xué)習(xí)搜索框就打開里面有搜索框的網(wǎng)頁(yè)，瀏覽器都能直接查看代碼的，現(xiàn)在很多瀏覽器可以用開發(fā)人員工具查看網(wǎng)頁(yè)代碼結(jié)構(gòu)默認(rèn)的快捷鍵都是F12，或者在想看的HTML元素上點(diǎn)右鍵審查元素，然后就。

quotsugSubmitquotfalse 選中提示框中詞條時(shí)是否提交表單 confirmCallbacktxt當(dāng)用戶選擇提示中具體選項(xiàng)時(shí)的回調(diào)函數(shù)，txt為用戶選擇的內(nèi)容提示如果網(wǎng)頁(yè)中有多個(gè)輸入框需要添加“百度搜索框提示”功能，請(qǐng)為每個(gè)輸入框都加上baiduSug屬性Javascript代碼請(qǐng)?zhí)砑拥骄W(wǎng)頁(yè)中l(wèi)tbody標(biāo)簽的后面如使用utf。

大概這么寫 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot ltlink rel=quotstylesheetquot href=quot37css lthead ltstyle type=quottextcssquot input_test display inlinebordercolor red*邊框紅色*。

方法步驟 1 首先，我們打開自己建了一半的網(wǎng)頁(yè)或者是新建一個(gè)頁(yè)面，個(gè)人建議用HTML52 然后，我們開始編寫代碼搜索框要有輸入框和搜索按鈕兩部分組成，我用的都是input 3 我們會(huì)在input框的外面再套一個(gè)標(biāo)簽，我是仿照百度搜索的樣子，在input的外面套了一個(gè)span標(biāo)簽，在最外層套了一個(gè)form表單。

代碼實(shí)例 ！DOCTYPEHTML href=*設(shè)置透視距離* 主要 寬度200px 高度200px 邊距0自動(dòng)位置相對(duì)WebKittransformstylepreserve3dWebKittransitionWebKittransform2sease0s*過渡時(shí)間* *基本風(fēng)格* 主頁(yè)面 位置絕對(duì)邊距0填充0寬度200px 高度。

ltbodyltmain ltdiv class=quotsearchInputquot ltinput class=quotinputSearchquot id=quotsearchKeyquot type=quottextquot ltbutton id=quotbaiduquot百度ltbutton ltdiv ltdiv class=quotwrapperquot id=quotmainquotltdivltmainltscript $quot#baiduquotonquotclickquot，function var keyWord =。

lthtmlltbodyltinput type=quottextquot style=quotpaddingleft20pxquot value=quottestquotltbodylthtml文本框空兩格距離這個(gè)功能很簡(jiǎn)單，代碼如上所示，光標(biāo)的顏色這個(gè)改不了但是，你可以把光標(biāo)替換成圖片顯示，也能達(dá)到這個(gè)目的。

1打開Hbuilder編輯器，創(chuàng)建一個(gè)輸入框和一個(gè)按鈕，水平放置2首先，將“＃7FCC0B”顏色的邊框添加到輸入框中，設(shè)置寬度和高度然后，設(shè)置按鈕按鈕的白色字體和背景色“＃7FCC0B”3按CRTL+s可以在軟件的右邊看到最終的效果這就是如何在HTML中創(chuàng)建一個(gè)搜索框。

ltinput type=quotsearchquot ltinput 元素的 search 類型是 專為用戶輸入搜索查詢而設(shè)計(jì)的文本字段功能上與 text 輸入相同， 但是可以通過 user agent 進(jìn)行不同樣式的設(shè)置ltstylelabel display blockfont。