Puedes hacerlo a través de javascript
:
Código HTML:
Ver original<script type="text/javascript" language="javascript"> function submitform()
{
document.getElementById('reset').disabled=true;
document.getElementById('enviar').disabled=true; /*Desactiva botones de enviar y resetear*/
document.getElementById('loading').style.visibility='visible'; /*Muestra el gif*/
document.getElementById("reset").className = "submit_btn float_l_desactivado";
document.getElementById("enviar").className = "submit_btn float_l_desactivado"; /*Estas dos líneas están por si quieres modificar la clase de los inputs al desactivarlos (Realmente no son necesarias)*/
}
#loading
{
visibility:hidden;
}
<form method="post" name="contact" onsubmit="submitform()"action="mailform.php" enctype="multipart/form-data"> <table width="396" border="0"> <td colspan="2"><input name="nombre" type="text" id="nombre" value="" size="30" /></td> <td colspan="2"><input name="direccion" type="text" id="direccion" value="" size="40" /></td> <td colspan="2"><input name="poblacion" type="text" id="poblacion" value="" size="30" /></td> <td colspan="2"><input name="email" type="text" id="email" value="" size="30" /></td> <td colspan="2"><input name="telefono" type="text" id="telefono" value="" size="15" /></td> <td colspan="2"><input name="asunto" type="text" id="asunto" value="" size="30" /></td> <textarea id="mensaje" name="mensaje" rows="9" cols="45" class="required"></textarea> <td colspan="3"> </td>
<input type="submit" value="Enviar" id="enviar" name="enviar" class="submit_btn float_l" /></td> <td width="160"><img src="[Ruta de tu gif]" alt="Cargando..." width="32px" height="32px" id="loading" /> </td> <td width="161" align="left"><input type="reset" value="Borrar" id="reset" name="reset" class="submit_btn float_r" /></td>
No lo he probado, supongo que te funcionará.
Ten en cuenta el onsubmit, el código javascript y la imagen.
Saludos