如何form代码做一个搜索框

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>