html5输入框左边有一个放大镜图标,右边有按钮点击触发搜索怎么写代码？

html5输入框左边有一个放大镜图标,右边有按钮点击触发搜索的代码如下：

1.HTML5的特性：

语义特性

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

本地存储特性

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。

设备兼容特性

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

2.html5的优点：

提高可用性和改进用户的友好体验；

有几个新的标签，这将有助于开发人员定义重要的内容；

可以给站点带来更多的多媒体元素(视频和音频)；

可以很好的替代FLASH和Silverlight；

涉及到网站的抓取和索引的时候，对于SEO很友好；

将被大量应用于移动应用程序和游戏。

微信HTML5其实是标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改形成的语言标准。对于微信这个APP来说，应用HTML5可以很好的实现本地存储、设备兼容、链接特性、网页多媒体、三维、图形特效以及性能集成与CSS3等优势，这些元素属性可以让用户手机端页面体验非常棒。

在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。对于微信HTML5开发而言，通常情况就是将产品大体完成后上线，在运营过程中发现问题再优化(尽管用户希望100%的无缺陷产品，但是想要达到这个目标恐怕很难实现)。像国内最大的第三方微信开发平台微盟(weimob)采用html5开发的一些产品在上线后同样有用户反馈存在程序bug，还不是照样需要后期慢慢优化改进。

1、功能不同

HTML5开发是构建Web内容的一种语言描述方式。

UI设计（或称界面设计）是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。

2、作用不同

HTML5开发是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

UI设计是为了要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。

扩展资料：

UI设计的前身是平面、网页设计，在原专业的基础上加入了一些人机交互的逻辑、控件的应用、组件的状态设计等内容。

这是由于互联网发展的精细化延伸出来的新门类，因此设计的软件应用就是基本功了。

需要掌握：Photoshop（图像处理）、illustrator（图形制作）。After Effects（视频处理）、Axure（原型设计）、Dreamweaver（网页制作）、Coreldraw（矢量制作）、Flash（动画制作）等设计软件及HTML5.0和DIV+CSS网页代码基础。

学会了各类设计软件的应用还不够，此时还不能独立创作，因为缺乏创意的表现技能，所以需要掌握铅笔、水彩笔、素描本、手绘板等不同手绘工具的熟练运用。

此部分主要是设计思维的训练及表现，重在设计理论的学习与构图技巧，学会解析各类图标的设计原理及表现技法。

参考资料来源：百度百科-UI设计

参考资料来源：百度百科-html5

---