bootstrap 搜索怎么开始？

发布于 2022-09-02 20:10:32 字数 1131 浏览 12 评论 0

每个页面都在<body> 节点之后，通过include指令引入了这个文件。

<body>
    <include file="Public:pageHeader" />

都有这个header。
怎么开始做搜索？
后端是ThinkPHP 3.2.3

<ul class="nav navbar-nav " >
    <li class="active"><a href="{:U('Index/index')}">首页<span class="sr-only">(current)</span></a></li>
</ul>
<form class="navbar-form navbar-left" role="search">
       <div class="form-group">
           <div class="input-group">
            <input type="text" id='txtSearch' name="txtSearch" class="form-control" placeholder="请输入...">
               <div class="input-group-btn">
                    <button class="btn btn-block" id="btnSearch" name="btnSearch"  style="background: #005AA0;"><span class="glyphicon glyphicon-search"></span></button>
               </div>
           </div>
        </div>                            
</form>

图片描述

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

何必那么矫情 2022-09-09 20:10:32

<ul class="nav navbar-nav " >
    <li class="active"><a href="{:U('Index/index')}">首页<span class="sr-only">(current)</span></a></li>
</ul>
<form class="navbar-form navbar-left" role="search" action="{:U('Index/search)}" method="get">
       <div class="form-group">
           <div class="input-group">
            <input type="text" id='txtSearch' name="txtSearch" class="form-control" placeholder="请输入...">
               <div class="input-group-btn">
                    <button type="submit" class="btn btn-block" id="btnSearch" name="btnSearch"  style="background: #005AA0;"><span class="glyphicon glyphicon-search"></span></button>
               </div>
           </div>
        </div>                            
</form>

在这views文件中的<form>中加了action和method属性，在搜索按钮中加了type="submit"属性。这样点击搜索就能跳转到搜索页面，搜索的controller接收$_GET['txtSearch']参数，进行搜索。
基本思路就是这样。

回复收藏 0