An input that allows users to enter a keyword to filter content on the website.
On a landing or home page, it is recommended that the search box be placed in the top right area of the screen. This is where users expect to find the search.
On a search results page, the natural position of the searchbox is closer to the search results. This helps indicate a relationship between the results and the search query.
Given the open-ended nature of input expected in a search query, several additional
input attributes should be considered to ensure browsers' behaviours are tailored for search queries.
autocomplete attribute may risk the unintended exposure of sensitive queries for subsequent uses of the search form, especially where a browser may be in a shared environment.
spellcheck attributes may not deliver consistent behaviours across users' devices, and even conflict with a server-side autocorrect or spellcheck function provided by the search engine.
autocapitalize attribute targets touch-screen devices, and does not have wide browser support. Users may not reasonably expect their search queries to be autocapitalised as they type, but most search engines treat queries case-insensitively.
required attribute may also provide search users with a reminder that "empty" search terms are not able to be submitted, but this is not to be relied on as the sole means of providing that information.