reemplazat el button submit por una imagen

[XxflezhaxX]

Como dice el titulo.

como hago para que en vez de que aparesca el boton submit de "enviar" aparesca una imagen, pero con la misma funcion

Código HTML:

<div class="enviar"><input type="submit" name="FEnviar" id="FEnviar" value="Enviar" /></div> 

ese es el codigo que uso.
o como le hago en CSS da igual, lo que quiero es que me salga laimagen que desee.

espero respuestas!!
saludos!!

[zerokilled]

tienes varias soluciones:

• en lugar de un input tipo submit puedes usar uno de tipo image el cual es exactamente igual a submit solo que la representación del botón es una imagen y automaticamente agrega dos parametros referente a las coordenadas donde se realizó click en la imagen.
  
• tienes el input type submit normal y común. solo que aplícale dimensiones y una imagen de fondo con css.
  
• utiliza la etiqueta BUTTON y dentro de este cargas una imagen. lo más seguro necesitaras css para quitarle los estilos aplicados al botón como pudiera ser borde y fondo.

[XxflezhaxX]

utilize la etiqueta buttom=, es decir.
<button type="submit" img src="url"></button>

Ok!! bueno en eso ando!! Gracias =D

[zerokilled]

no se si fue error tuyo al escribirlo aquí o si realmente así es como lo tienes. fíjate que no has cerrado correctamente la etiqueta de apertura BUTTON y tampoco has abierto correctamente la etiqueta IMG.

[XxflezhaxX]

lo que pasa que yo vi un ejemplo de button
era asi:

<button type="image" img src="image.jpg" height="40px" width="90px">enviar</button>

y por eso puse asi yo, por que yo no hiba a usar ni el ancho, ni el alto ni texto.

pero bueno es exactamente asi como lo tengo, y si funciona, solo que hay un problema.

la imagen aparece dentro del button, y lo que yo quiero es que la imagen sea el buton, o sea, al dar clic en la imagen se envien los datos.

espero respuesta!!

saludos!! =D

[zerokilled]

no me animé a comprobar el código que mostrastes. no tenía idea que aún así el navegador lo interprete bien pero supongo que solo una selección de ellas. de todos modos técnicamente esta mal. a continuación demuestro las tres opciones que antes mencione.

• INPUT tipo imagen:
  Código:

  <input type="image" src="image.jpg"/>
  

• INPUT tipo submit con imagen de fondo aplicado en CSS:
  Código:

  <input type="submit" value="send" style="background:url(image.jpg) no-repeat 0 0; 
  border:0; 
  width:90px; /* ancho de imagen */
  padding:5px 0; /* en lugar de height, padding top y bottom para que el texto se centralice verticalmente */
  text-align:center;" />
  

• BUTTON con imagen, fijate en el estilo para eliminar la apariencia del botón:
  Código:

  <button type="submit" style="border:0; background-color:transparent;"><img src="image.jpg" alt="" /></button>