随着HTML5的普及，越来越多的新功能被越来越多的Coder使用。HTML5增加了很多人性化的标签和属性，新的表单属性马上就会推出。

代码如下：

输入类型='文本'占位符='回车搜索'自动对焦x-web kit-语音

很棒？是的！

几个短代码就能达到多行JS才能达到的完美交互效果，这是HTML5的赞！

占位符是设置初始值，这个初始值的颜色是灰色。当输入的内容改变时，该值消失。它的职责就是给人一种亲近感的暗示，很有爱。

自动对焦，顾名思义：自动对焦，在进入当前页面时，这个输入会自动获得焦点，打开页面后可以直接输入要搜索的东西。当自动对焦出现两次以上时，浏览器会选择具有自动对焦属性的最后一个输入焦点。

X-webkit-speech，这个大概不用多解释了。webkit核心浏览器独特的语音识别工具(如Chrome)也是安装输入的选择。据说谷歌也在其搜索框中安装了这个工具。

好了，别扯了。这是一个简单的框架，但实际上我们需要研究更多的东西。比如这个简单的CSS3，让搜索更有爱。之前写的搜索框有爱的体验，简单就是美！