精品女同一区二区三区,亚洲一区视频,尤物视频在线观看国产

主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > 織夢(mèng)仿站之搜索框、搜索頁(yè)制作

織夢(mèng)仿站之搜索框、搜索頁(yè)制作

POST TIME:2020-04-22 20:34

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

藍(lán)色安防器材公司類整站模板

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

軟件APP類網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

這次我們說(shuō)一下怎樣把織夢(mèng)默認(rèn)搜索框修改成自己的搜索框，以仿站為例，我們?cè)诜聞e人站時(shí)，通常在新聞中心（文章列表頁(yè)）、產(chǎn)品中心（圖片列表頁(yè)）會(huì)有搜索框，如下圖：
1、為了在調(diào)整好搜索框后，可以出現(xiàn)搜索結(jié)果頁(yè)，所以我們先借用一下織夢(mèng)默認(rèn)搜索結(jié)果頁(yè)面模板search.htm，在織夢(mèng)默認(rèn)模板default中，把search.htm復(fù)制到自己模板文件夾下（這里用織夢(mèng)默認(rèn)搜索結(jié)果頁(yè)僅僅用來(lái)演示，樣式可能不好看，回頭我們?cè)僦v怎樣制作自己的搜索結(jié)果頁(yè)面模板）。
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、織夢(mèng)默認(rèn)的搜索框樣代碼如下。
<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'>檢索標(biāo)題</option>
<optionvalue="titlekeyword">智能模糊</option>
</select>
<buttontype="submit"class="search-submit">搜索</button>
</div>
</form>
<divclass="tags">
<h4>熱門標(biāo)簽:</h4>
<ul>
{dede:tagrow='10'getall='1'sort='month'}
<li><ahref='[field:link/]'>[field:tag/]</a></li>
{/dede:tag}
</ul>
</div>
</div>

4、需要做的工作很簡(jiǎn)單，注意紅色的代碼，把仿站搜索框代碼中的紅色代碼替換成織夢(mèng)默認(rèn)搜索框紅色代碼，主要就是替換<form><input>標(biāo)簽中的id、name、action，具體的替換方法不細(xì)說(shuō)，下面是替換完成的代碼，你可以仔細(xì)對(duì)照上面的兩個(gè)代碼，把其他網(wǎng)站的搜索代碼改成織夢(mèng)的搜索代碼也是這樣的，你只需要照葫蘆畫瓢，多練幾次就熟了。
<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、測(cè)試搜索框
更改完后，你可以在搜索框中輸入關(guān)鍵詞，會(huì)出現(xiàn)搜索結(jié)果頁(yè)面，如下圖：

已經(jīng)可以正常搜索了，只是我們用的是織夢(mèng)默認(rèn)的搜索結(jié)果頁(yè)面模板，所以樣式錯(cuò)誤，我們需要制作符合自己網(wǎng)站的搜索頁(yè)面。
6、其實(shí)制作自己網(wǎng)站風(fēng)格的搜索頁(yè)很簡(jiǎn)單，只需要復(fù)制自己網(wǎng)站文章列表頁(yè)模板list_arcticle.htm ，重命名為search.htm ，把search.htm放到自己的模板文件夾下，就完成了，你的搜索頁(yè)模板和文章列表頁(yè)模板一樣的。

快去試試吧，祝你成功。