Utilisez un lien normal pour soumettre un formulaire

Je souhaite soumettre un formulaire. Mais je ne vais pas utiliser un bouton d'entrée avec un type de soumission, mais un lien.

L'image ci-dessous montre pourquoi. J'utilise des liens d'image pour enregistrer / soumettre le formulaire. Comme j'ai un balisage css standard pour les liens d'image, je ne veux pas utiliser les boutons d'envoi d'entrée.

J'ai essayé d'appliquer onClick = "document.formName.submit ()" à l'élément a mais je préférerais une méthode html.

Des idées?

Deux manières. Créez un bouton et stylisez-le pour qu'il ressemble à un lien avec css, ou créez un lien et utilisez onclick="this.closest('form').submit();return false;".

Vous ne pouvez pas vraiment faire cela sans une forme de script au meilleur de ma connaissance.

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

Exemple d' ici .

Juste un style input type="submit"comme celui-ci a fonctionné pour moi:

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

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

Testé dans Chrome, IE 7-9, Firefox

Vous utilisez des images à soumettre .. vous pouvez donc simplement utiliser un type="image""bouton" d'entrée:

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

utilisation:

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

ou:

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

plus quelques CSS

Décidément, il n'y a pas de solution avec du HTML pur pour soumettre un formulaire avec une abalise link ( ). Le HTML standard n'accepte que des boutons ou des images. Comme l'ont dit d'autres collaborateurs, on peut simuler l'apparence d'un lien à l'aide d'un bouton, mais je suppose que ce n'est pas le but de la question.

IMHO, je crois que la solution proposée et acceptée ne fonctionne pas.

Je l'ai testé sur un formulaire et le navigateur n'a pas trouvé la référence au formulaire.

Il est donc possible de le résoudre en utilisant une seule ligne de JavaScript, en utilisant thisobject, qui fait référence à l'élément sur lequel on clique, qui est un nœud enfant du formulaire, qui doit être soumis. Il en this.parentNodeva de même pour le nœud de formulaire. Après, il suffit d'appeler la submit()méthode sous cette forme. Il n'y a pas de recherche nécessaire à partir du document entier pour trouver le bon formulaire.

<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>

Supposons que j'entre avec mon propre nom:

J'ai utilisé l' getattribut de méthode de formulaire car il est possible de voir les bons paramètres dans l'URL à la page chargée après l'envoi.

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

Cette solution s'applique évidemment à toute balise qui accepte l' onclickévénement ou un événement similaire.

thisest un excellent choix pour récupérer le contexte avec une eventvariable (disponible dans tous les principaux navigateurs et à partir d'IE9) qui peut être utilisée directement ou passée comme argument à une fonction.

Dans ce cas, remplacez la ligne par atag par la ligne ci-dessous, en utilisant la propriété target, qui indique l'élément qui a déclenché l'événement.

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

vous pouvez utiliser OnClick = "document.getElementById ('formID_NOT_NAME'). SUBMIT ()"