制作Search Box的效果，我想大家都有亲身的体会了，同时我可以十分肯定，制作下面展示的效果，十有八九都是使用图片来实现。那么今天在这个教程中，您将和我一起见证一件事情——如何使用HTML5的占位符（placeholder）属性和CSS3来创建一个超酷而又实用的搜索框。由于“placeholder”是HTML5中的一个新属性，对于部分浏览器是不支持的，如果您想在不支持这个新属性的浏览器中使用这个属性，你可以考虑使用Modernizr的检测功能。
今天的教程我们是使用CSS3来制作一个Seach Box效果，这种效果的灵感来自于Apple的官网。当您的鼠标点击了Search Box或者说当Search Box获得焦点时，Search Box会慢慢的变长。
