Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

Form Search

.searchForm

A search element that is used on page (e.g. Aanbiedingen detail). This script works out of the box as long as it has the correct classes. The search form is also seen with a yellow background. This is usually used because it has a blue button, so keep this in mind when implementing. The class for the yellow background is .tile--nsYellow and should be placed on the .tile level.

Markup

<form class="searchForm" action="/zoeken/search" method="GET">
    <label for="searchField" class="alt">Zoeken</label>
    <div class="searchForm__field">
        <input id="searchField" name="q" type="text" class="searchField" placeholder="Waar kunnen we u mee helpen?" autocomplete="off" />
    </div>
    <div class="searchForm__submit">
        <button type="submit" class="button">
            Zoeken
        </button>
    </div>
</form>