一、完整的参考代码
效果图：
<div class="search">
<form action="" method="get" id="searchForm">
<input type="hidden" value="index" name="c" />
<input type="hidden" value="search" name="a" />
<div class="searchForm">
<a href="#" onclick="$('#searchForm').submit();">搜索</a>
<i class="fa fa-search"></i>
<input type="text" name="kw" placeholder="请输入关键词" />
</div>
</form>
<div class="hotwords">
<a href="/index.php?catid=24">高级工程师</a> |
<a href="/index.php?catid=13">工程师</a> |
<a href="/index.php?catid=14">注册电气工程师</a> |
<a href="/index.php?catid=14">注册监理工程师 </a>
</div>
</div>
/*顶部搜索框*/
.search{margin-left: 400px;}
.searchForm{ height:30px; line-height:30px; padding-left:10px; width:352px; border:1px solid #A10B0D;}
.searchForm input{border:0px; width:230px; height:25px;}
.searchForm a{float:right; display:inline-block; width:80px; height:30px; background-color: #A10B0D; color:#fff; text-align:center;}
.hotwords{padding-top:5px; color: #666;}
.hotwords a{color: #666;}
二、搜索框相关代码
1、需要有一个search.html模板文件
2、表单代码：
<form action="" method="get" id="searchForm">
<input type="hidden" value="index" name="c" />
<input type="hidden" value="search" name="a" />
<input type="hidden" value="1" name="catid" />
<input type="text" name="kw" placeholder="请输入关键词" />
<a href="#" onclick="$('#searchForm').submit();">搜索</a>
</form>
三、原理
1、在index控制器中，有一个search的Action，所以c=index, a=search。
2、查询的关键词表单控件，名称为kw，在searchAction中可以接收。
3、其它可接收的参数：catid，栏目id；modelid模型id；page分页。
要饭二维码
洪哥写文章很苦逼，如果本文对您略有帮助，可以扫描下方二维码支持洪哥！金额随意，先行谢过！大家的支持是我前进的动力！
文章的版权
本文属于“洪哥笔记”原创文章，转载请注明来源地址：WDCMS-站内搜索：http://www.splaybow.com/post/235953100520166818.html
如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务，请加QQ：8771947！十年运维经验，帮您省钱、让您放心！
亲，如果有需要，先存起来，方便以后再看啊！加入收藏夹的话，按Ctrl+D！
发布时间：2016/5/10 23:59:53 | 编辑:洪哥 | 分类:PHP | 浏览:
