1、案例分析：我们要做一个这样的搜索框就要声明一个搜索框的样式，再设计一个按钮来启动这样的一个过程，最后，我们还要设置一个超链接来让访问者进行访问。
2、表单的声明。我们在这里进行了表单的动作的声明，还有名字。
<form action="/search" name="搜索框" method="get" id="顶级兼趣爬搜索" class="top-search-form">
3、块元素的定义。<div class="clearfix box">
4、输入内容的定义。我们对于输入的内容进行了定义，包括长度与尺寸还有名字等等。
<span class="s-ipt-wr">
<input x-webkit-speech x-webkit-grammar="bUIltin:search" class="hdi" id="输入框" autoComplete="off" maxlength="300" tabindex="2" size="60" name="word" value=''/>
</span>
5、声明一下按钮的样式。包括名字与功能距彩。
<span class="s-btn-wr">
<input type="submit" class="s-btn" id="按钮" value="搜索内容">
</span><span class="s-tools">
6、我们再在搜索之净框旁边加上一个超链接。
<a href="******" target="_blank" rel="nofollow">有疑问就点击</a>
</span><div class="clear"></div>
