[Sugestão] Acredito que tenha um erro na atividade

Oi Guilherme, tudo bem?

Você poderia explicar melhor o que você não entendeu, ou então o que você acha que está errado?

Porque no caso ali a única diferença do código da aula para o do exercício é que os textos estão diferentes e não tem um placeholder, classes, etc.

Era isso.

Oi Renan, tudo bem sim e você como está? Sem perceber, o trecho de código que retirei da atividade não apareceu no meu comentário, peço desculpas pelo engano, agora já revisei o comentário. Na verdade é só um detalhe que fiquei na dúvida, porque na atividade em questão, para criar um campo de pesquisa, é utilizado o código INPUT TYPE=TEXT, enquanto em aula usamos INPUT TYPE=SEARCH. Minha dúvida é apenas se, na pratica, para criarmos um campo de pesquisa, essa escolha faz alguma diferença.

Opa, entendi melhor agora.

Sim, há diferenças entre os elementos <input> com type="search" e type="text" em termos de funcionalidade e comportamento, embora sejam ambos usados para entrada de texto. Vou explicar as principais diferenças:

1. Comportamento da pesquisa:

   • type="search": Quando você utiliza um elemento <input type="search">, os navegadores costumam aplicar um estilo especial que indica que o campo é destinado à pesquisa. Além disso, alguns navegadores podem adicionar um ícone de lupa ao lado do campo e podem fornecer funcionalidades de sugestão e correção automática baseadas em histórico de pesquisa. Também é possível capturar o evento de "submit" quando o formulário é enviado e tratar os dados de pesquisa de maneira específica.

   • type="text": O elemento <input type="text"> é um campo de entrada de texto genérico. Ele não possui os estilos especiais ou recursos específicos de pesquisa, como o ícone de lupa ou as sugestões automáticas. O comportamento padrão será mais simples, sem os recursos de pesquisa específicos.

2. Estilos e aparência:

   • type="search": Como mencionado anteriormente, os navegadores costumam aplicar estilos especiais a campos de pesquisa. Isso pode incluir cantos arredondados, bordas diferentes e ícone de lupa. Esses estilos podem variar entre diferentes navegadores.

   • type="text": O estilo padrão para campos de texto pode variar de navegador para navegador, mas geralmente é mais simples em comparação com campos de pesquisa. Você pode estilizar campos de texto usando CSS para personalizar sua aparência.

3. Compatibilidade:

   • type="search": O tipo de entrada search pode não ser suportado em navegadores mais antigos ou em alguns navegadores móveis. Certifique-se de verificar a compatibilidade com os navegadores que você deseja suportar.

   • type="text": O tipo de entrada text é amplamente suportado em todos os navegadores, incluindo navegadores mais antigos e dispositivos móveis.

4. Comportamento em diferentes contextos:

   • O tipo search é mais adequado para campos de pesquisa onde o usuário espera inserir termos de pesquisa. Ele oferece recursos específicos para melhorar a experiência de pesquisa.

   • O tipo text é mais apropriado quando você simplesmente deseja capturar texto genérico, como um nome, endereço ou qualquer outra informação de texto que não esteja diretamente relacionada a uma função de pesquisa.

Portanto, a escolha entre type="search" e type="text" depende do contexto e dos recursos que você deseja oferecer aos usuários em sua aplicação ou site.

Considerando tudo isso, no momento de configurar a funcionalidade desse elemento usando o JavaScript ou qualquer outra linguagem de sua preferência, o tipo do elemento, a maior relevância disso, além do citado anteriormente, seria o seu comportamento padrão, onde cada um deles tem uma configuração padrão especial, que pode ser facilmente reescrita. Então eu deixo a conclusão para você pensar.

Levando isso em consideração, pense em qual usar e em qual contexto encaixar cada um.

Abraços e boa sorte em sua jornada de estudos.