国产成人鲁色资源国产91色综,痴汉一区二区三区,久久综合伊人77777

主頁 > 網站建設 > 建站知識 > 織夢仿站之搜索框、搜索頁制作

織夢仿站之搜索框、搜索頁制作

POST TIME:2020-04-22 20:34

工業環保工程類企業網站織夢模板(帶手機端)

藍色安防器材公司類整站模板

html5響應式網站織夢模板源碼IT網絡工作室織夢網

軟件APP類網站源碼織夢通用型企業網站源碼html

這次我們說一下怎樣把織夢默認搜索框修改成自己的搜索框，以仿站為例，我們在仿別人站時，通常在新聞中心（文章列表頁）、產品中心（圖片列表頁）會有搜索框，如下圖：
1、為了在調整好搜索框后，可以出現搜索結果頁，所以我們先借用一下織夢默認搜索結果頁面模板search.htm，在織夢默認模板default中，把search.htm復制到自己模板文件夾下（這里用織夢默認搜索結果頁僅僅用來演示，樣式可能不好看，回頭我們再講怎樣制作自己的搜索結果頁面模板）。
2、上圖中搜索框的代碼，如下：
<FORMid=prdsearchformonSubmit="javascript:returncheck_prdsearch_info(this);"
method=postname=prdsearchformaction=index.php?_m=mod_product&_a=prdlist>
<INPUTid=prd_keywordtype=textname=prd_keyword>
<INPUTid=prdsearch_submitvalue=搜索type=submitname=prdsearch_submit>
</FORM>

3、織夢默認的搜索框樣代碼如下。
<divclass="search">
<formname="formsearch"action="{dede:global.cfg_cmsurl/}/plus/search.php">
<divclass="form">
<h4>搜索</h4>
<inputtype="hidden"name="kwtype"value="0"/>
<inputname="q"type="text"class="search-keyword"id="search-keyword"value="在這里搜索..."onfocus="if(this.value=='在這里搜索...'){this.value='';}"onblur="if(this.value==''){this.value='在這里搜索...';}"/>
<selectname="searchtype"class="search-option"id="search-option">
<optionvalue="title"selected='1'>檢索標題</option>
<optionvalue="titlekeyword">智能模糊</option>
</select>
<buttontype="submit"class="search-submit">搜索</button>
</div>
</form>
<divclass="tags">
<h4>熱門標簽:</h4>
<ul>
{dede:tagrow='10'getall='1'sort='month'}
<li><ahref='[field:link/]'>[field:tag/]</a></li>
{/dede:tag}
</ul>
</div>
</div>

4、需要做的工作很簡單，注意紅色的代碼，把仿站搜索框代碼中的紅色代碼替換成織夢默認搜索框紅色代碼，主要就是替換<form><input>標簽中的id、name、action，具體的替換方法不細說，下面是替換完成的代碼，你可以仔細對照上面的兩個代碼，把其他網站的搜索代碼改成織夢的搜索代碼也是這樣的，你只需要照葫蘆畫瓢，多練幾次就熟了。
<FORMid=prdsearchformonSubmit="javascript:returncheck_prdsearch_info(this);"method=postname="formsearch"action="{dede:global.cfg_cmsurl/}/plus/search.php">

<INPUTid="search-keyword"type=textname="q"value="在這里搜索..."onfocus="if(this.value=='在這里搜索...'){this.value='';}"onblur="if(this.value==''){this.value='在這里搜索...';}">

<INPUTid=prdsearch_submitvalue=搜索type=submitname=prdsearch_submit>
</FORM>

5、測試搜索框
更改完后，你可以在搜索框中輸入關鍵詞，會出現搜索結果頁面，如下圖：

已經可以正常搜索了，只是我們用的是織夢默認的搜索結果頁面模板，所以樣式錯誤，我們需要制作符合自己網站的搜索頁面。
6、其實制作自己網站風格的搜索頁很簡單，只需要復制自己網站文章列表頁模板list_arcticle.htm ，重命名為search.htm ，把search.htm放到自己的模板文件夾下，就完成了，你的搜索頁模板和文章列表頁模板一樣的。

快去試試吧，祝你成功。