<form action=“{{ search_endpoint }}” class=“search-interface”>

<div class="field">
  <label>
    <span class="label-text">Search</span>
    <input type="search" id="search-input" name="q"
     placeholder="{{ placeholder }}">
  </label>
</div>
<button type="submit">Search</button>

</form>