--- title: Campos de formulário type: taxonomy_archive taxonomy: componente-de-ux slug: campos-de-formulario term_id: 806 permalink: "https://camaraux.com.br/componente-de-ux/campos-de-formulario/" post_count: 19 description: Elementos destinados à introdução, edição e validação de dados. --- # Campos de formulário Posts in this archive: 19 - [Quando usar dropdown e quando evitar](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/quando-usar-dropdown-e-quando-evitar.md) — Dropdowns economizam espaço, mas escondem opções e acrescentam uma etapa. Use-os quando a escolha for única, fechada e contextual. - [Autosave ou botão Salvar: qual usar?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/autosave-ou-botao-salvar.md) — Autosave e botão Salvar resolvem problemas diferentes. Use o contexto, o risco e a necessidade de revisão para escolher o comportamento mais claro. - [Como usar o CEP para preencher o endereço no checkout](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/cep-preencher-endereco-checkout.md) — Veja como usar o CEP para reduzir a digitação no checkout sem esconder o endereço, bloquear a edição ou dispensar a validação antes da compra. - [Como permitir que pessoas revisem e editem resultados gerados por IA](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/revisar-editar-resultados-gerados-por-ia.md) — Resultados de IA devem poder ser revisados, editados ou descartados antes de afetar uma decisão, uma comunicação ou um fluxo. - [Quando usar preenchimento automático](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/quando-usar-preenchimento-automatico.md) — Use preenchimento automático para reduzir digitação sem esconder campos, substituir a confirmação ou impedir a correção manual. - [Quando pedir confirmação de senha](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/quando-pedir-confirmacao-de-senha.md) — Saiba quando repetir uma nova senha, pedir a senha atual ou usar MFA para confirmar ações sensíveis sem criar atrito desnecessário. - [Como criar uma recuperação de senha clara](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-criar-uma-recuperacao-de-senha-clara.md) — Aprenda a criar um fluxo de recuperação de senha claro, seguro e acessível, sem revelar contas nem criar becos sem saída. - [Mostrar ou ocultar senha: como deve funcionar](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/mostrar-ou-ocultar-senha-como-deve-funcionar.md) — Como criar um controle de mostrar ou ocultar senha previsível, acessível e seguro. - [Como informar requisitos de senha](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-informar-requisitos-de-senha.md) — Aprenda a informar requisitos de senha antes do envio, apoiar passphrases e gerenciadores e evitar regras arbitrárias. - [Como preservar dados após um erro no formulário](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-preservar-dados-apos-um-erro-no-formulario.md) — Aprenda a preservar dados preenchidos após erros de validação e orientar a correção sem obrigar a pessoa a recomeçar. - [Quando validar campos durante o preenchimento](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/quando-validar-campos-durante-o-preenchimento.md) — Saiba quando validar campos ao digitar, sair do campo ou enviar o formulário, sem interromper a tarefa. - [Mensagens de erro devem aparecer antes ou depois do campo?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/mensagens-de-erro-antes-ou-depois-do-campo.md) — Saiba onde exibir mensagens de erro em formulários: junto ao campo, no resumo da página e no momento adequado. - [Como definir a ordem dos campos em um formulário](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-definir-a-ordem-dos-campos-em-um-formulario.md) — Organize os campos pela lógica da tarefa, agrupe informações relacionadas e mantenha a ordem visual, do HTML e do teclado coerentes. - [Labels ou placeholders: o que usar em formulários](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/labels-ou-placeholders-o-que-usar-em-formularios.md) — Use labels visíveis para identificar campos e placeholders apenas como apoio breve, nunca como substitutos. - [Campos obrigatórios: como indicar corretamente](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/campos-obrigatorios-como-indicar-corretamente.md) — Indique campos obrigatórios com texto ou instrução clara, sem depender apenas de cor ou asterisco sem explicação. - [Onde exibir mensagens de erro em formulários](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/onde-exibir-mensagens-de-erro-em-formularios.md) — Aprenda quando usar mensagens inline, resumo de erros e mensagens globais em formulários acessíveis. - [Como escrever mensagens de erro úteis](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/como-escrever-mensagens-de-erro-uteis.md) — Escreva mensagens de erro claras, específicas e acionáveis para ajudar a pessoa a entender o problema e corrigi-lo sem perder o que já preencheu. - [Não use apenas cor para comunicar erros](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/nao-use-apenas-cor-para-comunicar-erros.md) — A cor pode reforçar um erro, mas não pode ser o único sinal de que algo está errado. Combine texto, ícones, bordas, posição e estados semânticos para que a informação permaneça compreensível em diferentes condições visuais. - [Mensagens de erro em formulários](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/padroes-de-ux/mensagens-de-erro-em-formularios.md) — Mensagens de erro em formulários devem identificar o campo, explicar o problema e indicar como corrigi-lo sem apagar os dados. Esse padrão combina clareza, acessibilidade e recuperação eficiente após uma falha.