css html Como fazer a barra de pesquisa em CSS funcionar

[Bruno Júnior]

Eu criei o design de uma barra de pesquisa com um botão de lupa ao lado para o meu site em css, mas não sei como fazer com que o botão de lupa pesquise o que está na barra de pesquisa, nem como fazer com que o Enter pesquise o que lá está também.

Agradeço se alguém me puder ajudar.

[lowys]

Olá!
É muito simples!
1) Acrescente listeners ao seu componente de pesquisa.
2) E ao clicar na lupa ou pressionar enter dentro do input, dispare seu ajax que fará a requisição ao seu servidor.
3) Com base na requisição, monte e execute a sua query de busca.
4) Devolva o resultado em json
5) Receba o resultado e exiba no seu layout de resultado de busca no front