Imagen en botón

[sanjo]

Hola quisiera poner una imagen en un boton de un form, como s epuede hacer eso, es decir tenfo un form y dentro un input con el boton submit pero me sale el tipico azul por defeecto y es feo, quiero cambiarlo por una imagen.
Gracias

[JavierB]

Hola sanjo

Prueba con esto, tiene la misma función que un submit:

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

Saludos,

[sanjo]

pero el type tiene que ser submit, para poder enviar datos a otra página, no lo puedo hacer asi, gracias pero necesito otra cosa

[erlingfiallos]

Otra forma seria esta:

Código:

<form name="formName" action="example.cgi" method="post">
<input type="text" name="login"><br>
<input type="image" src="submit.gif" border="0">
<a href="javascript:document.nombreform.submit();"><img src="imagen.jpg"></a>
</form>

De lo contrario.. deberas de usar estilos..

[angsanchez]

Iniciado por sanjo

pero el type tiene que ser submit, para poder enviar datos a otra página, no lo puedo hacer asi, gracias pero necesito otra cosa

Aunque el botón no sea "submit", el resultado es el mismo si usas la funciòn submit():

Código PHP:

  <input type="image" src="tuimagen.jpg" onClick="this.form.submit()" />  
   

Pero ojo, que los navegadores antiguos no reconocerán el type="image"

También puedes usar una imagen en lugar del botón, más o menos como sugiere erlingfiallos :

Código PHP:

  <img src="tuimagen.jpg" border=0 onClick="this.form.submit()" />  
   

(no hace falta A HREF)

(Puedes hacer la imagen con aspecto de botón, si quieres dar una pista al usuario).

[MrAndersonWEB]

Muy ilustrativo, no sabía eso del <input type="image"...>
Cómo sería usando estilos ?

[JavierB]

Iniciado por sanjo

pero el type tiene que ser submit, para poder enviar datos a otra página, no lo puedo hacer asi, gracias pero necesito otra cosa

Como te decía en mi anterior mensaje input type="image" sirve lo mismo que input type="submit". Puedes probar este ejemplo:

Código PHP:

  <form action="mailto:[email protected]"> 
<input type="text" /> 
<input type="image" src="imagen.jpg" /> 
</form>  
   

Pulsas sobre la imágen y ¡vualá! el formulario se envía al correo.

Saludos,

[Kaopectate]

Hola sanjo.

Voy a mover este hilo al foro de (X)Html que es donde debería estar.

Saludos.




(Movido desde JavaScript)

[posavasos]

http://www.ampsoft.net/webdesign-l/image-button.html
http://webdesign.about.com/od/interm...s_inputimg.htm
http://www.allmyfaqs.com/faq.pl?Image_for_submit_button