1、点击那个输入框，随便输入一个字，你就会看到有以前的历史记录了，你有没有看到“清除历史记录”1 自定义删除即想删除哪条历史记录就删除哪条在百度搜索网页里的搜索栏中，点击鼠标左键两次，会出现以前搜索过的历史记录然后用鼠标指向你想要删除的历史记录注意是指向，不要点击，这时这条；这里ltinput type=quotbuttonquot value=quot搜索quot 换成 图片按钮就可以了ltinput type=quotimagequot src=quot图片路径quot 颜色也是自己调吧 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot；1打开Hbuilder编辑器，创建一个input框和button按钮，将它们横排摆放在一起2首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成3按crtl+s，在软件的右侧即可看到最终的效果以上就是用html制作搜索框的演示；lt！DOCTYPE html lthtml xmlns=quot lthead ltmeta content=quotenusquot。

2、因为图片中放大镜是一个图片，没法给你直接找到图片你可以自己找到后放上地址就可以了ltdiv style=quot样式的高设成本图片的高样式的宽设成本图片的宽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就是要跳转到的地址，这就是表单提交，提交到xxxhtml不过一般提交到都是动态的页面，比如xxxphp，因为动态的语言才方便处理提交过去的数据；首先来张效果图，这是写好的效果 代码如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltmeta；直接用js字符串操作或者正则都可以实现的，不懂的话就去w3school看看，其实不难；无论是网站还是web应用，都会为了增强用户体验而添加它，那么你是不是也想过设计一个别致的搜索框在今天的文章中，大家将会学到如何使用伪元素来创建一个超酷的CSS3搜索框当然在开始介绍前你也可以下载源代码或者查看在线演示HTML举例正如接下来你所看到的，标记很少，并且很容易理解ltform class。

3、跳转的时候把输入内容作为参 数传递到跳转页，跳转页加载的时候接收 传递参数并执行搜索方法就行了；class=quotswap_valuequot ltinput type=quotimagequot src=quotimga_r6_c16pngquot width=quot138quot height=quot48quot id=quotgoquot alt=quotSearchquot title=quotSearchquot ltform ltdiv 那是因为你的搜索框过长，你外围div并没有设置宽度，外围div的宽度等搜索框的宽度加按钮的宽度，再加Margin的宽度就可以了；lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot ltlink rel=quotstylesheetquot href=quot37css lthead ltstyle type=quottextcssquot input_test display inlinebordercolor red*边框红色* *圆角度数。

4、1打开Hbuilder编辑器，创建一个输入框和一个按钮，水平放置2首先，将“＃7FCC0B”颜色的边框添加到输入框中，设置宽度和高度然后，设置按钮按钮的白色字体和背景色“＃7FCC0B”3按CRTL+s可以在软件的右边看到最终的效果这就是如何在HTML中创建一个搜索框；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样式根据实际自己调整 ltstyle type=quottextcssquot kuan input；用input标签就行，上午回答了知道里面一个童鞋同样的问题，代码同样给你哈 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltmeta。