1 在 HTML 页面的头部区域中添加一个 CSS 样式表2 在 CSS 样式表中，使用 position 属性将搜索框定位在页面右侧例如```css 搜索框 position absoluteright 0top 0 ```上述代码将搜索框定位在页面右侧，并且使其永不重叠页面上其他元素3 可以根据搜索框的需求添加其他的。

在百度搜索网页里的搜索栏中，点击鼠标左键两次，会出现以前搜索过的历史记录然后用鼠标指向你想要删除的历史记录注意是指向，不要点击，这时这条历史记录会深色显示，再点击DEL键，就可以删除这一条历史记录了这种方法你可以随心所欲，想删哪条都可以2 完全删除法 在桌面用鼠标右键点击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样式根据实际自己调整 ltstyle type=quottextcssquot kuan input width3。

我自己简单做了一个，因为上传图片麻烦，所以图中的图片我直接用文字代替，弄个背景就ok，代码如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotlthtmllthead ltmeta。

1打开Hbuilder编辑器，创建一个输入框和一个按钮，水平放置2首先，将“#7FCC0B”颜色的边框添加到输入框中，设置宽度和高度然后，设置按钮按钮的白色字体和背景色“#7FCC0B”3按CRTL+s可以在软件的右边看到最终的效果这就是如何在HTML中创建一个搜索框。

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

其他代码学习的方法如果有想要学习的代码不知道怎么实现，可以先打开一个有你想学的元素的网页比如你想学习搜索框就打开里面有搜索框的网页，浏览器都能直接查看代码的，现在很多浏览器可以用开发人员工具查看网页代码结构默认的快捷键都是F12，或者在想看的HTML元素上点右键审查元素，然后就。

quotsugSubmitquotfalse 选中提示框中词条时是否提交表单 confirmCallbacktxt当用户选择提示中具体选项时的回调函数，txt为用户选择的内容提示如果网页中有多个输入框需要添加“百度搜索框提示”功能，请为每个输入框都加上baiduSug属性Javascript代码请添加到网页中ltbody标签的后面如使用utf。

大概这么写 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot ltlink rel=quotstylesheetquot href=quot37css lthead ltstyle type=quottextcssquot input_test display inlinebordercolor red*边框红色*。

方法步骤 1 首先，我们打开自己建了一半的网页或者是新建一个页面，个人建议用HTML52 然后，我们开始编写代码搜索框要有输入框和搜索按钮两部分组成，我用的都是input 3 我们会在input框的外面再套一个标签，我是仿照百度搜索的样子，在input的外面套了一个span标签，在最外层套了一个form表单。

代码实例 ！DOCTYPEHTML href=*设置透视距离* 主要 宽度200px 高度200px 边距0自动位置相对WebKittransformstylepreserve3dWebKittransitionWebKittransform2sease0s*过渡时间* *基本风格* 主页面 位置绝对边距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文本框空两格距离这个功能很简单，代码如上所示，光标的颜色这个改不了但是，你可以把光标替换成图片显示，也能达到这个目的。

1打开Hbuilder编辑器，创建一个输入框和一个按钮，水平放置2首先，将“＃7FCC0B”颜色的边框添加到输入框中，设置宽度和高度然后，设置按钮按钮的白色字体和背景色“＃7FCC0B”3按CRTL+s可以在软件的右边看到最终的效果这就是如何在HTML中创建一个搜索框。

ltinput type=quotsearchquot ltinput 元素的 search 类型是 专为用户输入搜索查询而设计的文本字段功能上与 text 输入相同， 但是可以通过 user agent 进行不同样式的设置ltstylelabel display blockfont。