Filtered search form

A standard in-page search form with filter dropdown.

<!-- COMPONENT: Search bar -->
<div class="small-padding bg-coral">
    <div class="row">
        <div class="column">
            <form class="course-search inline-filter" method="get" action="http://www.bath.ac.uk/courses/search">
                <input class="search-field" type="text" name="query" placeholder="Search for a course" title="Type course search term here">
                <input type="hidden" name="collection" value="ce-production-courses">
                <div class="filter-wrapper">
                    <label for="course-type-filter">Filter your search</label>
                    <select name="f.Type of course|C" id="course-type-filter">
            <option value="" selected="">All courses</option>
            <option value="undergraduate">Undergraduate courses</option>
            <option value="postgraduate">Taught postgraduate courses</option>
            <option value="postgraduate research">Postgraduate research courses</option>
          </select>
                </div>
                <input class="search-button" value="search" type="submit">
            </form>
        </div>
    </div>
</div>
<!-- End component: search bar -->
  • Handle: @course-search-filtered
  • Preview:
  • Filesystem Path: components/common-components/course-search/course-search-filtered/course-search-filtered.hbs