Search Field Example

Code for the search example

<form action="/searchResults" method="GET">
  <div class="search">  
    <input type="text" id="siteSearch" placeholder="Search" >

    <button type="submit">
      <span class="icon-search1"></span>
      <span class="sr-only">Submit Search</span>
    </button>

    <label for="siteSearch" class="sr-only">Search:</label>
  </div>
</form>


CSS focus styling
input:focus ~ label{
  // show the label
}
button + label{
  // show the label
}