Neste artigo você vai aprender a como resetar formulário com JavaScript, vamos utilizar apenas uma função!
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!