Formulários
Campo de busca
Search field
Recebe palavras para localizar conteúdo dentro de um conjunto.
Exemplo didático · Experimente os controles acima
Quando usar
Localizar itens de um catálogo, lista ou documento.
Cuidados e acessibilidade
Dê um nome ao campo e informe quando a busca não encontra resultados.
Partes e comportamento
Campo de consulta, ação ou atualização automática e estado dos resultados.
Não confunda
Buscar conteúdo é diferente de preencher um valor escolhido em uma combobox.
Exemplo de código
<form role="search" action="/buscar/">
<label for="busca">Buscar no site</label>
<input type="search" id="busca" name="q">
<button>Buscar</button>
</form>Trecho didático. Integre e teste no contexto do seu projeto.