> Faqs > Colocar una Imagen como un botón para enviar un formulario

Colocar una Imagen como un botón para enviar un formulario

Quería crear un formulario personalizado con una imagen. Esa imagen se debe pulsar para enviar el formulario, es decir, debe funcionar como un botón de submit, pero no es un botón sino la imagen.

¿Se tiene que hacer con algún lenguaje de programación con Javascript?

Respuestas

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>
Miguel Angel
3310 147 216 17