20 lines
1017 B
HTML
20 lines
1017 B
HTML
<form action="{{ __SELF__.searchPage | page }}?q={{ query | url_encode(true) }}" method="get">
|
|
<div class="ss-search-form">
|
|
<div class="ss-search-form__input">
|
|
<input name="q" type="text" placeholder="What are you looking for?"
|
|
value="{{ __SELF__.query }}"
|
|
autocomplete="off"
|
|
autofocus
|
|
{% if __SELF__.useAutoComplete %}
|
|
data-track-input
|
|
data-request="{{ __SELF__ }}::onType"
|
|
data-request-before-update="document.getElementById('autocomplete-results').classList.add('ss-search-form__results--visible')"
|
|
data-request-update="'{{ __SELF__ }}::autocomplete': '#autocomplete-results'"
|
|
{% endif %}
|
|
>
|
|
<button class="ss-search-form__submit" type="submit">Search</button>
|
|
</div>
|
|
<div class="ss-search-form__results" id="autocomplete-results"></div>
|
|
</div>
|
|
</form>
|