Nesta aula, abordamos os inputs como elementos cruciais para interações em interfaces, explorando suas características, estados e boas práticas para criar experiências claras, acessíveis e funcionais.

Pontos principais da aula:

1. Importância dos inputs:

   • Inputs são fundamentais para ações como cadastro, compras e inserção de dados.

   • Demandam design cuidadoso devido à diversidade de estados e interações.

2. Elementos-chave de inputs:

   • Placeholder: Texto temporário que guia o usuário.

   • Label: Define claramente o que é solicitado no campo.

   • Feedback visual: Indica interações, erros, sucessos e estados (hover, focus, preenchido, desabilitado).

3. Diferentes tipos de inputs:

   • Campos de texto, numéricos, senhas, seletores e áreas de texto expandíveis.

   • Inputs enriquecidos com prefixos, sufixos ou ícones para facilitar o uso (ex.: símbolo de moeda).

4. Estados e validações:

   • Estados como erro, sucesso e desabilitado devem ser visualmente claros.

   • Acessibilidade inclui cores semânticas apropriadas para todos os usuários, incluindo daltônicos.

5. Boas práticas:

   • Use labels claras e evite depender exclusivamente de placeholders.

   • Ajuste inputs ao tipo de dado (teclado numérico para números, por exemplo).

   • Permita que cliques em labels também ativem o campo.