在网站中实现搜索栏，用于标签搜索

Implementing search bar in website for searching with tags

本文关键字：用于标签搜索搜索栏网站实现更新时间：2023-09-26

我有这个JS提琴。

<div class="container">
<div class="row">    
    <div class="col-md-8 col-md-offset-2 col-xs-12">
        <div class="input-group user-search">
            <div class="input-group-btn country-search">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span id="search_concept">Select Country</span> <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#contains">India</a></li>
                    <li><a href="#its_equal">UK</a></li>
                    <li><a href="#greather_than">US</a></li>
                    <li><a href="#less_than">Pakistan</a></li>
                    <li class="divider"></li>
                    <li><a href="#all">All Countries</a></li>
                </ul>
            </div>
            <div class="input-group-btn city-search">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span id="search_concept">Select City</span> <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#contains">Mumbai</a></li>
                    <li><a href="#its_equal">Chennai</a></li>
                    <li><a href="#greather_than">Kolkata</a></li>
                    <li><a href="#less_than">Delhi</a></li>
                    <li class="divider"></li>
                    <li><a href="#all">All Cities</a></li>
                </ul>
            </div>
            <input type="hidden" name="search_param" value="all" id="search_param">         
                <input type="text" class="form-control" name="x" placeholder="Search term...">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button"><span class="fa fa-search"></span></button>
                    </span>
                    </div>
                </div>
        </div>
    </div>

我使用bootstrap。现在，我想使用标签实现搜索，就像在提问时在堆栈溢出上添加标签一样(使用自动完成)。有人能帮我做这件事吗?

下面是typehead在input标签中对bootstrap的演示

我希望这就是你的意思。