苹果CMS模板搜索框完整调用代码示例

搜索框是影视网站前端核心组件，苹果CMS模板内置表单标签，可快速实现关键词提交、热词推荐功能。表单采用get提交方式，提交地址指向系统内置搜索路由，同时支持读取后台配置的热搜关键词。

<form class="search-form" id="search" name="search" method="get" action="{:mac_url('vod/search')}" onsubmit="return qrsearch();">
        <input type="text" id="wd" name="wd"  value="{$param.wd}" placeholder="请输入内容..."  autocomplete="off" class="input">
    <div class="so-key">
    <!--搜索显示推荐-->
      {maccms:foreach name=":explode(',',$maccms.search_hot)" key="key"}
    <a href="{:mac_url('vod/search',['wd'=>$vo])}">{$vo}</a> 
        {/maccms:foreach}
    </div>
        <input type="submit" name="submit" class="imgbt" value="">
    </form>

代码说明

• 表单action使用系统函数 {:mac_url('vod/search')}，自动生成搜索页面地址，适配伪静态。

• input输入框name固定为wd，用来传递搜索关键词，{$param.wd} 用于保留用户上一次输入的搜索词。

• foreach循环读取后台设置的热搜词，循环生成热词链接，点击可直接执行对应关键词搜索。

• onsubmit绑定qrsearch()，可自行编写JS实现搜索前校验逻辑。

将这段代码放置在模板头部、侧边栏等需要展示搜索框的位置，后台填写热搜关键词后，前端即可自动渲染推荐搜索词。样式可通过search-form、so-key、input、imgbt这些class自定义CSS。