Skip to main content

Main Content

Site Search

Description

A global site search component

Default Style

Example Markup

<div class="su-site-search [ modifier_class ]" role="search"> <form action="https://www.stanford.edu/search" method="get" accept-charset="UTF-8"> <label class="su-site-search__sr-label" for="search-field">Search this site</label> <input type="text" id="search-field" name="search-field" class="su-site-search__input" placeholder="Search this site" maxlength="128" /> <button type="submit" name="search" class="su-site-search__submit su-sr-only-text">Submit Search</button> </form> </div>