Formulario con Botones Imagen

[JUMASOL]

Hola:

Estoy desarrollando un formulario que incluya imágenes en lugar de los clásicos botones "Enviar" y "Borrar".

En el tema del buscador me ha salido perfectamente :

<input id="image" type=image src=images/Search.jpg />

y punto.

No obstante, cuando voy a hacer lo mismo con esto del formulario, veo que la imagen botón correspondiente al envío funciona bien, pero la de borrar resulta en un fiasco, porque también envía en lugar de borrar.

¿Cómo hacer a partir de lo siguiente y respetando XHTML y css para dar forma?

<input type="submit" class="Button" value="Enviar">
<input type="reset" class="Button" value="Borrar">

He visto algún ejemplo por ahí, pero a mí no me sale y no sé por qué razón.

¿Alguien lo sabe?

Gracias.

[ElJavista]

Bueno, eso sucede porque el input type="image" solo sirve para enviar el formulario, acaso tú ves un atributo que diga su funcionalidad? No pues, no existe, el interprete no puede deducir que porque en el atributo src has puesto la dirección de una imagen que contiene la palabra "limpiar" o "reestablecer" entonces lo que obligadamente tiene que hacer es resetear.

La solución es esta, no pongas un input type="image" sino una <img simplemente, y le añades un codigo JavaScript y un estilo simple, la cosa quedaría asi:

<imp src="reset.gif" style="cursor:pointer" onClick="formu.reset()"/>

Aqui formu es el nombre del formulario. Espero que te sirva.

[diegomel]

y si quisiera agregarle 2 estados al boton uno cuando esta normal y otro cuando pasa el mouse y luego enviar el formulario al hacer click se puede?
gracias.