Skip to main content

Search input

Use the Search input only on header.

<form class="form search-bar-block" method="post">
  <div class="field search-input">
    <div class="bcc-form-search">
      <label class="screen-reader-only" for="site-search">Search across the site</label>
      <input type="text" class="field__input search-input" placeholder="Search bristol.gov.uk"  id="site-search" name="search" aria-label="Search" autocomplete="off" />  
        <button class="button secondary bg-brand icon-left"  type="submit" >Search<i class="bcc-font_search"></i></button>
    </div>
  </div>
</form>