Para colocar una imagen para enviar un formulario hay una etiqueta HTML específica, no necesitas utilizar ningún lenguaje de script para configurar ese comportamiento de una imagen, porque HTML ya provee la infraestructura por medio de la etiqueta <input>
de los formularios.
La imagen la debes colocar de manera parecida a un submit, pero en vez de usar el type="submit"
es usas type="image"
. y luego tienes el atributo src
para definir la ruta donde se encuentra el archivo gráfico de la imagen.
Te dejo un ejemplo de formulario con una imagen, que pulsando sobre ella se envía el formulario, como si fuera un botón de submit.
<form action="http://www.example.com" method="post">
<p>
Nombre: <input type="text" name="nombre">
</p>
<p>
Apellidos: <input type="text" name="apellidos">
</p>
<p>
<input type="image" src="images/go.gif" width="25" height="15">
</p>
</form>