Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como limpar os inputs do form usando HTML, JavaScript e jQuery

29-12-2016 16:17

Nesse post vou mostrar como limpar os valores escolhidos nos inputs do formulário HTML.

Você pode fazer isso de 3 formas.

Para limpar os campos do formulário usando HTML precisamos do input type reset.

<form> <input type="text"> <input type="number"> <input type="url"> <input type="radio"> <input type="checkbox"> <input type="textarea"> <input type="reset"> </form>

Para limpar os campos do formulário usando JavaScript precisamos de usar o reset()

<script> function limpa_campos() { document.getElementById("form").reset(); } </script> <form name="form" id="form"> <input type="text"> <input type="number"> <input type="url"> <input type="radio"> <input type="checkbox"> <input type="textarea"> <input type="button" onclick="limpa_campos()" value="limpar"> </form>

Para limpar os campos do formulário usando o jQuery usamos o reset().

<script src="jquery.js"></script> <script> $(document).ready(function(){ $("#limpar").on("click", function() { $("#form")[0].reset(); }); }); </script> <form name="form" id="form"> <input type="text"> <input type="number"> <input type="url"> <input type="radio"> <input type="checkbox"> <input type="textarea"> <input type="button" id="limpar" value="limpar" /> </form>

2
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado