Como remover o auto complete de inputs do formulários
Neste artigo aprenderemos a remover o auto complete de inputs de formulários HTML, de uma forma simples utilizando um atributo nativo da própria linguagem.
Fala programador(a), beleza? Bora aprender coisa nova!
O auto complete é uma funcionalidade sensacional, ajuda muito os usuários que já preencheram dados em outro site a resgatá-los e utilizar em outros sites
Porém muitas vezes pode causar um problema, então como podemos resolver isto?
Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.
A resposta é bem simples, precisamos utilizar um atributo chamado autocomplete no form
E depois setar o valor deste atributo como off, veja o exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Como remover o auto complete de inputs</title>
</head>
<body>
<h1>Preencha o formulário</h1>
<form autocomplete="off">
<input type="email" name="email" placeholder="Digite seu e-mail">
<input type="password" name="password" placeholder="Digite sua senha">
<input type="submit" value="Login">
</form>
</body>
</html>
Temos um formulário de login, e conforme citado antes ele possui o atributo autocomplete com valor de off
Isso fará com que a funcionalidade fique desabilitada neste formulário, resolvendo assim o nosso problema
Lembrando que você deve utilizar isso com sabedoria, pois tirar um recurso do usuário pode ser muito maléfico ao seu sistema
Sempre pense bem na jornada dele, ao mudar um comportamento padrão ou esperado que ele pode sentir falta
E além disso tente sempre optar por soluções nativas como esta, não gambiarras com JavaScript
Por que pode levar a um código difícil de ler e ruim de dar manutenção, pense sempre no próximo que irá pegar esta código
Conclusão
Neste artigo vimos uma forma de remover o auto complete de inputs dos formulários HTML
Simplesmente adicionamos o atributo autocomplete com valor off a tag form e o problema estará resolvido
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube
Formações
Formação Vibe Coding
Do Prompt ao Produto: Crie Software Real com IA
- 473 aulas
- 20 projetos
- 39h 26min
Blog | Mais populares
Como usar o Antigravity do Google: guia completo do zero ao primeiro app
Aprenda neste guia prático como usar o Antigravity do Google: descubra a instalação, configuração, criação de projetos com o Agent Manager e o primeiro deploy, […]
Melhor curso de agentes de IA: Conheça a Formação da Hora de Codar
Descubra o melhor curso de agentes de IA do mercado: confira a Formação Agentes de IA Hora de Codar e outras opções para impulsionar sua […]
Checklist de segurança n8n VPS pública: práticas essenciais para proteger seu servidor
Confira o checklist de segurança n8n VPS pública e saiba como proteger seu servidor seguindo práticas essenciais. Rodar o n8n em uma VPS pública traz […]
Legal
Pena que o Chrome ignora esse atributo