用图片，或者伪类自己画出来的，一般网上都有图标库，给你一个阿里的矢量图标库。
创新互联专注于望谟网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供望谟营销型网站建设，望谟网站制作、望谟网页设计、望谟网站官网定制、小程序制作服务，打造望谟网络公司原创品牌,更为您提供望谟网站排名全网营销落地服务。
QQ聊天界面点击消息输入栏（可在任意能够输入文字处输入）。弹出搜狗输入法面板后，输入“放大镜”的拼音、五笔或笔划。如下图，候选栏中有放大镜后，旁边就会附带放大镜的符号。
打开手机浏览器后，在搜索框里输入【放大镜符号】，点击【搜索】。进入搜索结果页面，选择其中一个网页。在网页中出现的放大镜符号，进行【复制】。
让搜索框足够显眼 搜索框设计有一条重要的准则就是：让搜索框足够显眼，清晰可见的搜索框能让用户快速发现并使用。
调查显示大多数用户会在网站的左上角和右上角寻找搜索框，这主要是因为用户在浏览网站时使用F型扫视法，而网站右上角是大多数用户的首选区域，因此在设计搜索框时我们最好把它放在顶部靠右或顶部居中的位置。
合理的输入框尺寸 输入框尺寸太小是最常见的搜索框设计错误。不少网站的输入框都太小，虽然可以容纳较长的内容，但部分内容却是不可见的，这种设计的可用性很差。
网站建设中搜索框设计技巧 网站搜索框居于显眼位置 网站搜索框就是方便用户查找内容设。因此，位置就需要居于显要位置，让用户进到网站就可以看到。
1、这个搜索框做的很好，看似简单，里面包含了大量CSS基础知识。
2、如果网页中有多个输入框需要添加“百度搜索框提示”功能，请为每个输入框都加上baiduSug属性。Javascript代码请添加到网页中/body标签的后面。
3、真用代码实现，估计累死，代码也冗余，这种布局，只会在word中出现，网页是不会有这么蛋疼的设计的，如果真的蛋疼，请无视它，用图片吧。
4、在html中添加一个input框和button搜索按钮即可，css中修改这个搜索框和按钮的样式让它更美观一些即可。
1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码（其中icon.png是放大镜图标）：。
2、使用放大镜图标 一个搜索框应该始终与放大镜图标放在一起。所谓图标，其实就是代表着一个对象、动作、想法等多种含义的图形符号。我们通过图标看到的不仅仅是图标本身，而是它所代表的内在含义。
3、用图片，或者伪类自己画出来的，一般网上都有图标库，给你一个阿里的矢量图标库。
网站搜索框居于显眼位置 网站搜索框就是方便用户查找内容设。因此，位置就需要居于显要位置，让用户进到网站就可以看到。还有就是网站搜索框在颜色设计使用比较突出的颜色，于网站形成鲜明的对比，最好体现出颜色色度差。
研究发现，搜索框放置的最佳位置是你网站上每个页面的左上角或右上角，用户可以使用常见的F形扫描模式轻松找到它。理想情况下，搜索框应该完美匹配网站的整体设计，并在用户需要时轻松展现。
搜索框要有搜索框的样 你可以尝试在搜索框设计中融入创意，但是不要把它弄得不伦不类。这也是搜索框必须是框状的原因。
1、inputtype=\text\/inputtype=\button\value=\search\/ .aa{width：100px；height：20px；boder：solid1px#f00；}//定义搜索框的大小高度以及边框颜色。
2、定义长度的css代码是：width：500px； 高度：height：30px； 后面的px是像素，直接写你想要的数值就可以。
3、首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的“style”标签中，输入css代码：input{width： 320px；}。