Trocar botão input por imagem

[jptoson 1]

Olá, já li todas as dicas sobre como realizar essa operação, trocando o botão input por uma imagem, mas meu código não funciona. O código serve para procurar determinado processo. Quando eu tento trocar o botão por uma imagem ele apresenta erro na busca. Segue abaixo o código original, funcionando perfeitamente, gostaria de saber como faço para trocar o botão:

<form id="form1" action="http://consultas.trt12.jus.br/SAP1/ProcessoListar.do" name="form1">
<table width="98%" border="0" cellspacing="0" cellpadding="3">
<tbody>

</tr>
</tbody>
</table>
</form>
<p> </p>
<form id="frmConsultas"  target="_blank" 

action="http://trt4.jus.br/portal/portal/trt4/consultas/consultaRapida/ConsultaProcessualWindow?

action=2" target="_blank" name="frmConsultas">
<table width="98%" border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td class="TextSubtitle" colspan="5">

</td>
</tr>
<tr>
<td width="180"><input id="nroprocesso" class="InputText" type="text" name="nroprocesso" size="30" 

/> <input id="action" type="hidden" name="action" value="2" /></td>
<td width="25"><input class="InputButton" onclick="go();" type="submit" value="Buscar" /></td>
</tr>
</tbody>
</table>
</form>
</div>

[WictorP 9]

http://jsfiddle.net/tpzt6r5g/

[jptoson 1]

http://jsfiddle.net/tpzt6r5g/

Olá, desculpa a ignorância, você poderia demonstrar como ficaria usando o código que eu postei? Obrigado

 

 

Ninguém? Já tentei de tudo.

[Vitor RC 11]

Olá, desculpa a ignorância, você poderia demonstrar como ficaria usando o código que eu postei? Obrigado

 

 

Ninguém? Já tentei de tudo.

 

 

Adaptando ao seu codigo ficaria:

<style type="text/css">
.botao {
    background:url('http://aprendacriarsites.com/wp-content/uploads/2013/08/botao-submit.jpg');
    border:none;
    color:transparent;
    width:268px;
    height:100px;
}
</style>
<!--ACIMA É O CSS -->

<form id="form1" action="http://consultas.trt12.jus.br/SAP1/ProcessoListar.do" name="form1">
<table width="98%" border="0" cellspacing="0" cellpadding="3">
<tbody>

</tr>
</tbody>
</table>
</form>
<p> </p>
<form id="frmConsultas"  target="_blank" 

action="http://trt4.jus.br/portal/portal/trt4/consultas/consultaRapida/ConsultaProcessualWindow?

action=2" target="_blank" name="frmConsultas">
<table width="98%" border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td class="TextSubtitle" colspan="5">

</td>
</tr>
<tr>
<td width="180"><input id="nroprocesso" class="InputText" type="text" name="nroprocesso" size="30" 

/> <input id="action" type="hidden" name="action" value="2" /></td>
<td width="25"><input class="botao" onclick="go();" type="submit" value="Buscar" /></td>
</tr>
</tbody>
</table>
</form>
</div>

[jptoson 1]

Muito obrigado, funcionou perfeitamente.