Uses
Search utilities are quite important for sites with large and vast amounts of content. Quite often, users do not like to try to find the content their looking for through a series of navigational menus, so they start off their exploration on a website through the use of search. Search allows the user to type in a keyword and view a listing of pages that include information relevant to that keyword. This can greatly increase the user experience and allow a user to quickly and efficiently find what they are looking for.
Styles
For the top site-wide search box, the box has a 1px solid #c8c8c8 border with a radius of 5px. The width of this field is 200px, however this is not an absolute.
For the interior page search box, The box has a 1px solid #ccc border with a radius of 3px.
Examples
This example shows two search boxes used on the School of Medicine site. The top search box is next to the School of Medicine logo. Because of its location being at the top of the site next to the main navigational elements, this indicates that this is a site-wide search. Below this section, there is another search field underneath the news menu options. This indicates the search will only search through news items.