Use un div como botón de envío

Question

Quiero transformar un div compuesto de imagen + texto (para traducción) en un botón de envío. ¿Es posible?

me las arreglé para usar la imagen como el texto presente, pero no es un enlace y que da una sensación 'roto' a toda la imagen + texto

Answer 1

Uso de Jquery.

$('div').click(function() { 
    $('form').submit(); 
}); 

Answer 2

Puede hacerlo de dos maneras.

1. Puede utilizar un botón con el tipo de presentar y utilizar CSS para diseñarlo como un div
2. Añadir un onClick en el div, y enviar el formulario en el evento click.

Para el método 2 se puede o bien hacerlo a través de jQuery o sin, con js llanura

<script> 
    function submitOnClick(formName){ 
     document.forms[formName].submit(); 
    } 
</script> 
<form id="myForm" ...> 
    .... 
    <div onclick="submitOnClick('myForm')> 
     ... 
    </div> 
    ... 
</form> 

respuesta de Trevor muestra cómo hacerlo con jQuery.
En su ejemplo basta con sustituir el 'div' y 'form' con los ID de su div y la forma como esta:

Si se myDiv y myForm especificarlos como '#myDiv' y '#myForm', aquí # se utilizan los identificadores de div y la forma de especificar el la siguiente cadena es una identificación de un elemento.

Answer 3

<div onclick="document.myform.submit()"></div>