# 搜索
> 常用的和不常用的首頁標簽都會列出，根據用途會有所缺少，歡迎補充。
### :-: **搜索表單**
~~~
<form method="get" action="{SITE_URL}index.php" target="_blank">
<div class="input-group">
<div class="input-group-prepend">
<select id="searchselected" class="form-control custom-select ">
<option data="1">文章</option>
<option data="2">產品</option>
<option data="3">下載</option>
</select>
</div>
<input type="hidden" name="m" value="search" />
<input type="hidden" name="c" value="index" />
<input type="hidden" name="a" value="init" />
<input type="hidden" name="modelid" value="1" id="modelid" class="modelid-class" />
<input id="input-searchForm" type="text" name="q" required class="form-control br-tl-7 br-bl-7" placeholder="輸入關鍵詞">
<div class="input-group-append ">
<button type="submit" class="btn btn-primary br-tr-7 br-br-7">
搜索
</button>
</div>
</div>
</form>
~~~
~~~
<script type="text/javascript">
$(document).ready(function(){
$(document).on('change','#searchselected',function(){
var selected = $(this).find("option:selected").attr('data');
$(".modelid-class").attr('value',selected)
});
})
</script>
~~~
用我自己的模板來演示，因為畢竟還是用select的比較多。在這里有個重點就是如果選擇某個模型進行搜索，要實現搜索模型匹配，通過一段JS來實現，紅字標出的地方一定要注意前后一致。
### :-: **搜索結果頁（search.html）**
~~~
<div class="search_content">
<p class="jieguo">“{$q}”的結果，共<span>{$total}</span>條</p>
{loop $search_data $v}
{php $v['title'] = preg_replace("/$q/i", "<span style='color:red;'>$q</span>", $v['title']);}
{php $v['description'] = preg_replace("/$q/i", "<span style='color:red;'>$q</span>", $v['description']);}
<div class="sousuo">
<b><a href="{$v[url]}" target="_blank">{$v[title]}</a></b>
<p><a href="{$v[url]}" target="_blank">{$v[description]}</a></p>
<span>[{date("Y-m-d",$v['updatetime'])}]</span>
</div>
{/loop}
<div id="page">{$pages}</div>
</div>
~~~
