3按crtl+s，在软件的右侧即可看到最终的效果以上就是用html制作搜索框的演示。

ltinput type=quottextquot class=quotaaquotltinput type=quotbuttonquot value=quot搜索quot class=quotbbquot这是一个最简单样式的搜索框，没有很复杂的样式如果需要设计样式可以根据class=quotaaquot来写样式，aa在括号中添加代码即可，当然这。

1 在 HTML 页面的头部区域中添加一个 CSS 样式表2 在 CSS 样式表中，使用 position 属性将搜索框定位在页面右侧例如```css 搜索框 position absoluteright 0top 0 ```上述代码将搜索框定位在页。

代码实例 ！DOCTYPEHTML href=*设置透视距离* 主要 宽度200px 高度200px 边距0自动位置相对WebKittransformstylepreserve3dWebKittransitionWebKittransform2sease0s*过渡时间*。

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

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

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

因为图片中放大镜是一个图片，没法给你直接找到图片你可以自己找到后放上地址就可以了ltdiv style=quot样式的高设成本图片的高样式的宽设成本图片的宽quot ltp style=quotboderradius10pxquotltimg src=quot这里放放大镜的。

简单的给你做了一个，求采纳完全是自己手写的复制下来放进html可以看一下希望帮到你在我这的预览图lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotlthtml xmlns=quotltheadltmeta。

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

search input*用来去掉搜索框里的文本框和按钮的背景和边框，并设置并列排放* borderbackgroundfloatleft search_box文本框样式 width150pxheight26pxlineheight26pxpadding0pxcolor。

弄个背景就如上面那图，然后把input文本框，边框设置为0，背景设置为空，大小设置为合适大小，然后设置绝对定位，定位到指定位置。

比较常用的是搜索框 + 分类类目+ 热门关键词 + 搜索按钮只要在HTML中插入以下这段代码，发布上去，就会显示出搜索框了，很简单的~ 代码如下 alimama_pid=#39mm_39_0_0#39 alimama_type=#39g#39 alimama_tks=。

20161027 js怎样获取HTML搜索框里的字也可以用CSS 20161017 html怎么让搜索框和文字居中显示 20141208 如何获取html页面的所有文字 2 20110312 html求制作一个简单网页代码，只需要一些文字加张图片 184 更多类似问题。

不好意思刚弄错了，boxshadow是吧这个代码在chrome里可以lthtml lthead lttitle测试lttitle ltstyle type=quottextcssquot inputBox border3px solid rgb247， 242， 242 width350px heigh。

ltscript type=quottextjavascriptquot function fun text的onclick事件 jQuery方式 quot#ttquotcss quotbordercolorquot quotredquot tt表示text的ID，red是你想要的颜色，你可以自己设定 DOMf方式。

1分层制作，第一层就是红色的框，第二层搜索框 2第一册的背景可以用css实现，第二个层加个搜索框就可以了ltdiv class=quotsearch_barquot ltdiv class=quotsearchquotltinput class=quotsearch_inputquotltspan class=quotshopquot。

要是要兼容ie的话，必须是用图片要是不考虑ie的话 直接写代码就好了在css中写mozborderradius 11pxkhtmlborderradius 11pxwebkitborderradius 11pxborderradius 11px。