cruk-pattern-library-api/patterns/search.html

CRUK Pattern Library API

<form role="search" class="cr-search-input" action="https://find.cancerresearchuk.org/">
    <label for="{{ uniqueId }}" class="cr-search-input__label">Search...</label>
    <input
            type="search"
            name="xss-q"
            id="{{ uniqueId }}"
            class="cr-search-input__input"
            placeholder="Search..."
            autocomplete="off"
            autocorrect="off"
    />
    <button
            type="submit"
            class="cr-search-input__button"
            aria-label="Submit your search"
    >
        Search...
    </button>
</form>