Ícone dentro do campo
Discreto e contextual. Ideal quando o Autofill auxilia um campo principal, como nome, CPF ou placa.
Um Web Component público para abrir o scanner oficial, revisar campos e completar cadastros. O navegador nunca recebe a chave: cada exemplo usa uma ponte segura no backend do parceiro.
git clone https://github.com/consulta-dev-br/consulta-autofill.git
cd consulta-autofill
corepack enable && pnpm install
pnpm test && pnpm buildOs arquivos completos ficam no repositório público; copie o ponto de partida ou abra a implementação testada.
<script
type="module"
src="https://cdn.consulta.dev.br/autofill/v0.1.0/consulta-autofill.min.js"
integrity="sha384-fols57oz1ZbkB5pju3sLN30Ifz8rL1NtTywAnAs8XPYlhGEdrJrDyGaTvQ/SlNAd"
crossorigin="anonymous"></script>
<consulta-autofill-field
project-id="pub_..."
endpoint="/api/consulta-autofill"
metrics-endpoint="/api/consulta-autofill/metrics"
document-type="cnh-e">
<input name="name" data-consulta-field="full_name" />
</consulta-autofill-field>Um componente pronto para ler documentos oficiais, revisar os dados encontrados e preencher qualquer formulário — sem digitação e sem expor a chave da API.
O parceiro escolhe o gatilho que combina com seu produto. A câmera, a revisão e o preenchimento continuam sendo do Consulta Autofill.
Discreto e contextual. Ideal quando o Autofill auxilia um campo principal, como nome, CPF ou placa.
Explica o benefício antes do clique e deixa claro que vários campos serão preenchidos de uma só vez.
Mais flexível para backoffices e cadastros assistidos, inclusive em computadores sem câmera.
Quer testar com seu próprio formulário?
Criar conta gratuitaDados do condutor preenchidos5 campos atualizados pelo Consulta Autofill.
Os exemplos de CNH-e e CRLV-e acima são totalmente interativos: escolha o documento, avance pela leitura simulada, selecione os campos e veja o cadastro ser preenchido.
A demonstração usa apenas dados sintéticos no navegador. Nenhum documento, foto ou credencial é enviado durante o teste.
Use “Experimentar Autofill” ou qualquer botão de câmera.
Marque somente os campos que devem entrar no cadastro.
Confirme e acompanhe os campos do formulário serem atualizados.
O componente cuida da experiência de câmera, revisão e preenchimento. Seu backend autentica a consulta, controla limites e mantém a credencial protegida.