# Formulários e entrada

Campos com animação, busca, envio de arquivos, código de verificação por dígito, cadastro com validação de CPF, CNPJ e CEP, seletor de período, bloco de assinatura, seletor de cor e editor de imagem. Formulários bem resolvidos reduzem desistência em cadastros e pagamentos, e os exclusivos já pensam em teclado e leitores de tela.

Pedidos que levam a esta categoria:

- “campo para digitar o código que chega por SMS”
- “formulário de cadastro que valida CPF e CEP”
- “escolher um período no calendário”
- “a pessoa assinar com o dedo na tela”

- [Cadeado](https://vibecode.thmtecnologia.com/componentes/cadeado/): Quadradinhos para digitar o código que chega por SMS, com colar inteiro, avanço automático e botão de reenviar.
- [Despachante](https://vibecode.thmtecnologia.com/componentes/despachante/): Cadastro em etapas que formata e confere CPF, CNPJ, telefone, CEP e senha enquanto a pessoa preenche.
- [Folhinha](https://vibecode.thmtecnologia.com/componentes/folhinha/): Calendário em português com dois meses lado a lado para escolher data inicial e final, com atalhos e feriados.
- [Prancheta](https://vibecode.thmtecnologia.com/componentes/prancheta/): Editor de fotos dentro da página para recortar, girar, ajustar brilho e cor, aplicar filtros e exportar a imagem.
- [Tabelião](https://vibecode.thmtecnologia.com/componentes/tabeliao/): Área para a pessoa assinar com dedo, caneta ou mouse, com linha de base, nome, data e exportação da assinatura.
- [Apagador](https://vibecode.thmtecnologia.com/componentes/apagador/): Campo em pílula com dicas que sobem e se alternam; ao enviar, o texto digitado se desfaz em pó.
- [Coruja](https://vibecode.thmtecnologia.com/componentes/coruja/): Campo de busca escuro cercado por anéis de luz azul e magenta que giram ao passar o mouse e ao clicar.
- [Guache](https://vibecode.thmtecnologia.com/componentes/guache/): Um botão que abre um painel para escolher cor no quadro de tons, digitar em HEX, RGB ou HSL e conferir o contraste.
- [Malote](https://vibecode.thmtecnologia.com/componentes/malote/): Área para arrastar arquivos ou clicar e escolher, com um cartão que se levanta e a lista dos arquivos escolhidos.
- [Pingado](https://vibecode.thmtecnologia.com/componentes/pingado/): Uma barra que se divide em duas partes coloridas, com a porcentagem de cada lado, como café e leite na xícara.
- [Tocha](https://vibecode.thmtecnologia.com/componentes/tocha/): Campo de texto cuja borda acende em azul no ponto por onde o cursor passa, como uma lanterna na moldura.