甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码（其中icon.png是放大镜图标）：。
创新互联公司网站建设公司一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！专注中小微企业官网定制，成都网站设计、网站建设，塑造企业网络形象打造互联网企业效应。
使用放大镜图标 一个搜索框应该始终与放大镜图标放在一起。所谓图标，其实就是代表着一个对象、动作、想法等多种含义的图形符号。我们通过图标看到的不仅仅是图标本身，而是它所代表的内在含义。
用图片，或者伪类自己画出来的，一般网上都有图标库，给你一个阿里的矢量图标库。
作为网站建设网页中最常见的UI控件之一，搜索框的组成非常简单：输入框+触动按钮，不少站长也因此没有对它给予足够的重视。
右键点我的电脑——属性——高级，再点“性能”里的“设置”，在“视觉效果”选项卡中选择“自定义”，然后将下面所有的选项中前面的勾去掉，只留下“在桌面上为图标标签使用阴影”这一条前面保持打勾，然后确定即可。
1、按CRTL+s可以在软件的右边看到最终的效果。这就是如何在HTML中创建一个搜索框。
2、首先，我们打开自己建了一半的网页或者是新建一个页面，个人建议用HTML5。2 然后，我们开始编写代码。
3、简单的html网页可以直接利用文本编写的，无需下载特定编辑器。在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为最简单网页，只是便于标识，实际上并不影响我们的操作。
4、国字型布局 这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。
5、让用户知道在网站中可以搜索到哪些内容，也是一种能够提高用户对网站好感度的方法，这可以通过在输入框中添加占位符文字做到。它在搜索框中添加了一些占位字符，提示用户搜索框中可搜索的内容，吸引用户进行搜索。
6、这个可以用h5里面表单的placeholder属性解决。
用图片，或者伪类自己画出来的，一般网上都有图标库，给你一个阿里的矢量图标库。
制作图片的放大效果我考虑到的方法是将原始图片绘制到canvas上，然后在对canvas进行局部裁剪最后对裁剪的部分进行放大，这样就可以实现放大镜的效果。这里我给出一个实现这个想法的示例。
.aa{width：100px； height：20px； boder：solid 1px #f00；}//定义搜索框的大小高度以及边框颜色。
使用放大镜图标 一个搜索框应该始终与放大镜图标放在一起。所谓图标，其实就是代表着一个对象、动作、想法等多种含义的图形符号。我们通过图标看到的不仅仅是图标本身，而是它所代表的内在含义。
1、运行火狐浏览器，若是没有该浏览器可在上方下载喔！打开之后使用鼠标单击打开右上角的“菜单”选项。如下图所示：在弹出的下拉菜单中，选择“附加组件”选项。
2、火狐插件只要兼容当前版本，安装后就可以直接使用了， 这个插件是强制浏览器使用HTML5播放视频的，安装完成后，在工具---附加组件里设置一下，然后在视频的窗口中选择HTML5即可。
3、注：如果你用的操作系统是WIN XP，而且只用IE浏览器，那就不支持HTML5了。因为最新版本的IE9不支持WIN XP的，而WIN XP系统仅支持IE 8以下版本，可IE8并不支持HTML5的。这时，我们只要选择其它类型的浏览器即可。
4、比如transition（过渡），如果你单独这么写，其实在火狐上面是无效的，但是你可以这么写-moz-transition；那么久就有效了。
网站搜索框居于显眼位置 网站搜索框就是方便用户查找内容设。因此，位置就需要居于显要位置，让用户进到网站就可以看到。还有就是网站搜索框在颜色设计使用比较突出的颜色，于网站形成鲜明的对比，最好体现出颜色色度差。
研究发现，搜索框放置的最佳位置是你网站上每个页面的左上角或右上角，用户可以使用常见的F形扫描模式轻松找到它。理想情况下，搜索框应该完美匹配网站的整体设计，并在用户需要时轻松展现。
）理想情况下，虽然搜索框在用户需要的地方应该能轻易出现，但是搜索框的设计也应该完美地契合网站的整体设计效果。2）内容越重的站点，你越希望搜索框显著。
导航栏设计是网站建设中非常重要的一个环节，设计一款可用的、足够吸引人的导航，是多么的重要。若想要你的网站足够吸引人，必须要掌握如下几点要点。
首选文字导航系统 导航系统的链接是内部链接中最重要的，而且文字更方便搜索引擎抓取收录，所以使用文字导航是最好的设置方式。
首先，将“#7FCC0B”颜色的边框添加到输入框中，设置宽度和高度。然后，设置按钮按钮的白色字体和背景色“#7FCC0B”。按CRTL+s可以在软件的右边看到最终的效果。这就是如何在HTML中创建一个搜索框。
首先，我们打开自己建了一半的网页或者是新建一个页面，个人建议用HTML5。2 然后，我们开始编写代码。
针对这个问题介绍—下如何用“SearchEngineBuilder”这个软件来制作纯HTML环境下的站内搜索引擎。SearchEngineBuilder译为“搜索引擎工厂”，下面以589版本（软件大小为593kB）为例说明如何用它来建立自己的站内搜索引擎。
html5输入框左边有一个放大镜图标，右边有按钮点击触发搜索的代码如下：HTML5的特性：语义特性 HTML5赋予网页更好的意义和结构。
楼主，给你一段ASP站内搜索关键词着色的代码。