Neste artigo você vai aprender a como resetar formulário com JavaScript, vamos utilizar apenas uma função!

resetar formulário com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre formulários e JavaScript!

Primeiramente vamos precisar selecionar o elemento de formulário através de DOM

Podemos realizar esta ação com diversos métodos, como:

  • getElementById;
  • querySelector;
  • getElementsByClassName;
  • e outros;

Depois basta aplicar o método reset, que é uma funcionalidade já desenvolvidada na linguagem

Assim os campos serão limpos do formulário

Veja um exemplo prático:

const form = document.querySelector("#my-form")

form.reset()

Note que talvez seja interessante adicionar o reset a um evento

Pois se não, a função será executada assim que o código for lido, e talvez não seja isso que você queira realizar

Deixe um comentário contando o que achou desta solução 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você viu como resetar formulário com JavaScript

Utilizamos a função reset, que é nativa de JavaScript

Porém antes é necessário selecionar o elemento do formulário através do DOM, foram apresentadas diversos métodos para realização desta ação

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Inscrever-se
Notificar de
guest

0 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários