Django сделать виджет стороны поиска подключаемым html

Простите мой английский не очень хороший, пожалуйста, простите меня

Здравствуйте, я хочу сделать виджет для поиска постов

я делаю виджет поиска может работать

но я не могу подключить виджет поиска на стороне html и он работает

как я могу его подключить

введите описание изображения здесь

• мой поисковый виджет html

<div class="card mb-4">
    <div class="card-header">Search</div>
    <div class="card-body">
        <div class="input-group">
            <input class="form-control" id="search-input" type="text" placeholder="Enter search term..." aria-label="Enter search term..." aria-describedby="button-search"/>
            <button class="btn btn-primary" id="button-search" type="button" onclick="searchPost();">Go!</button>
        </div>
    </div>
</div>

и я хочу подключить виджет поиска html об этом!

<h1>Blog Search</h1>
    {% if search_info %}<small class="text-muted">{{ search_info }}</small>{% endif %}
<br>

<form action="." method="post"> {% csrf_token %}
    {{ form.as_table }} 
    <input type="submit" value="Submit" class="btn btn-primary btn-sm">
</form>

<br/><br/>

{% if object_list %}
    {% for post in object_list %}
        <h2><a href='{{ post.get_absolute_url }}'>{{ post.title }}</a></h2>
        {{ post.modify_date|date:"N d, Y" }}
        <p>{{ post.description }}</p>
    {% endfor %}
{% elif search_term %}
    <b><i>Search Word({{ search_term }}) Not Found</i></b>
{% endif %}

Вернуться на верх