1.input在form标签中
2.form标签设置了action属性值
3.input设置type为search
示例如下：
<form action="#">
<input type="search" />
</form>
这种情况下点击搜索按钮会跳转到action对应的地址进行搜索
如果我们需要js来处理搜索逻辑，可以设置form不提交，并且监听输入框的keydown事件
示例如下：
<form action="#" onsubmit="return false">
<input type="search" id="t_search" />
</form>
<script type="text/javascript">
$("#txt_search").keydown(function (e) {
if (e.keyCode == 13) {
//搜索处理
}
})
</script>
还有一个前往按钮，也类似，把type换成text就可以了，所以form很重要，如果我们不放form，就是“换行”按钮了。
end
搜索功能需要结合网站程序功能来实现，一般主流程序都有搜索功能的。html5只是一个界面的美观，自身没有搜索功能。
也可以使用百度等搜索引擎的站内搜索，配合html5显示效果更佳。
html5输入框左边有一个放大镜图标,右边有按钮点击触发搜索的代码如下：
1.HTML5的特性：
语义特性
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
本地存储特性
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。
设备兼容特性
从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
2.html5的优点：
提高可用性和改进用户的友好体验；
有几个新的标签，这将有助于开发人员定义重要的内容；
可以给站点带来更多的多媒体元素(视频和音频)；
可以很好的替代FLASH和Silverlight；
涉及到网站的抓取和索引的时候，对于SEO很友好；
将被大量应用于移动应用程序和游戏。
