Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Tomasi

Botão reset com imagem

Recommended Posts

Olá...

Gostaria de saber como fazer um botão de reset, aquele que limpa os campos do formulário, com imagem.

Eu encontrei um modo de fazer com javascript, mas não funciona no Firefox.

O script que obtive é seguinte:

<img src="images/botao_limpar.jpg" class="botao" onClick=document.forms[0].reset() style="cursor:hand">

Alguém tem alguma solução?

 

Desde já,

Obrigado pela sua atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Assim mesmo dá para fazer e funciona em javascript.

 

Talvez pq você não colocou aspas.

<img src="images/botao_limpar.jpg" class="botao" onClick="document.forms[0].reset()" style="cursor:pointer;cursor:hand">

Se não funcionar o código acima, informe um nome para o formulario e altere o código javascript.

<img src="images/botao_limpar.jpg" class="botao" onClick="document.nomedoformulario.reset()" style="cursor:pointer;cursor:hand">

Compartilhar este post


Link para o post
Compartilhar em outros sites

você tambem pode usar só HTML e CSS

 

input.reset{
background: #fff url("images/botao_limpar.jpg");
cursor:hand;
width:[DIMENSÃO DA IMAGEM];
height:[DIMENSÃO DA IMAGEM];
}

<input type="reset" value=" " class="reset" />

assim você fica independente do JAVASCRIPT ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.