Use un enlace normal para enviar un formulario

Quiero enviar un formulario Pero no voy a la forma básica de usar un botón de entrada con el tipo de envío, sino un enlace.

La siguiente imagen muestra por qué. Estoy usando enlaces de imágenes para guardar / enviar el formulario. Debido a que tengo marcado CSS estándar para enlaces de imágenes, no quiero usar los botones de envío de entrada.

Traté de aplicar onClick = "document.formName.submit ()" al elemento pero preferiría un método html.

¿Algunas ideas?

Dos caminos. Crea un botón y dale estilo para que parezca un enlace con css, o crea un enlace y úsalo onclick="this.closest('form').submit();return false;".

Realmente no puedes hacer esto sin alguna forma de scripting según mi leal saber y entender.

<form id="my_form">
<!-- Your Form -->    
<a href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">submit</a>
</form>

Ejemplo de aquí .

Solo diseñar un estilo input type="submit"como este me funcionó:

.link-button { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}

<input type="submit" class="link-button" />

Probado en Chrome, IE 7-9, Firefox

Estás utilizando imágenes para enviar ... así que simplemente puedes usar un type="image""botón" de entrada:

<input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" />

utilizar:

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

o:

<button type="send"><img src=".."/> + any html code</button>

más algo de CSS

Definitivamente, no existe una solución con HTML puro para enviar un formulario con una aetiqueta link ( ). El HTML estándar solo acepta botones o imágenes. Como han dicho otros colaboradores, uno puede simular la apariencia de un enlace usando un botón, pero supongo que ese no es el propósito de la pregunta.

En mi humilde opinión, creo que la solución propuesta y aceptada no funciona.

Lo probé en un formulario y el navegador no encontró la referencia al formulario.

Por lo tanto, es posible resolverlo usando una sola línea de JavaScript, usando un thisobjeto, que hace referencia al elemento en el que se hace clic, que es un nodo secundario del formulario, que debe enviarse. Así this.parentNodees el nodo de formulario. Después de que solo está llamando al submit()método de esa forma. No es necesario investigar todo el documento para encontrar la forma correcta.

<form action="http://www.greatsolutions.com.br/indexint.htm"                   
   method="get">
    <h3> Enter your name</h3>
    First Name <input type="text"  name="fname"  size="30"><br>
    Last Name <input type="text" name="lname" size="30"><br>
    <a href="#" onclick="this.parentNode.submit();"> Submit here</a>
</form>

Supongamos que entro con mi propio nombre:

He usado el getatributo de método de formulario porque es posible ver los parámetros correctos en la URL en la página cargada después de enviar.

http://www.greatsolutions.com.br/indexint.htm?fname=Paulo&lname=Buchsbaum

Obviamente, esta solución se aplica a cualquier etiqueta que acepte el onclickevento o algún evento similar.

thises una excelente opción para recuperar el contexto junto con eventvariables (disponibles en todos los principales navegadores e IE9 en adelante) que se pueden usar directamente o pasar como argumento a una función.

En este caso, reemplace la línea con la aetiqueta por la línea a continuación, utilizando la propiedad target, que indica el elemento que ha iniciado el evento.

<a href="#" onclick="event.target.parentNode.submit();"> Submit here</a>

puede usar OnClick = "document.getElementById ('formID_NOT_NAME'). SUBMIT ()"