_quick_search_modal.html

{# Quick search modal #}
<section class="modal" id="modal-search" tabindex="-1" role="dialog">
    <div class="modal__dialog" role="document">
      <header class="flex-space-between modal__heading">
        <h2 class="modal__title">Quick search</h2>
        <span type="button" data-dismiss="modal" class="type-01"><span class="sr-only">Close</span>&times;</span>
      </header>
      <form class="quick-search__form doaj-minisearch--container" role="search" action="{{ url_for('doaj.search_post') }}" method="post">
          <input type="hidden" name="ref" value="quick-search">
          <input type="hidden" name="origin" value="ui">
          <input type="radio" id="quick-search-journals" name="content-type" value="journals" checked>
          <label for="quick-search-journals">Journals</label>
          <input type="radio" id="quick-search-articles" name="content-type" value="articles">
          <label for="quick-search-articles">Articles</label>
          <div class="input-group">
              <label for="quick-search-keywords" class="sr-only">Search by keywords:</label>
              <input type="text" name="keywords" id="quick-search-keywords" required>

              <label for="quick-search-fields" class="sr-only">In the field:</label>
              <select name="fields" id="quick-search-fields" class="input-group__input">
                  <option value="all">In all fields</option>
                  <option value="title">Title</option>
                  <option value="issn">ISSN</option>
                  <option value="subject">Subject</option>
                  <option value="publisher">Publisher</option>
              </select>
              <button type="submit">
                  <span data-feather="search" aria-hidden="true"></span><span class="sr-only"> Search</span>
              </button>
          </div>
      </form>
    </div>
</section>