Utilisez un lien normal pour soumettre un formulaire

Question

Je veux soumettre un formulaire. Mais je ne vais pas le moyen de base à l'aide d'un bouton de saisie avec le type d'envoi mais un lien.

L'image ci-dessous montre pourquoi. Je suis en utilisant le lien d'une image à enregistrer/envoyer le formulaire. Parce que j'ai standart css balisage des liens d'image, je ne veux pas utiliser d'entrée de boutons de soumission.

J'ai essayé d'appliquer onClick="document.nomformulaire.submit()" de la un élément, mais je préfère une méthode html.

Des idées?

Answer 1

Deux manières. Créez un bouton et personnalisez-le afin qu'il ressemble à un lien avec CSS, ou créez un lien et utilisez onclick="form.submit();" .

Answer 2

Vous ne pouvez pas vraiment faire cela sans une forme de script au meilleur de mes connaissances.

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

Exemple d' ici .

Answer 3

Styler simplement un <input type="submit" class="linkButton" /> comme cela a fonctionné pour moi:

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

Testé sous Chrome, IE 7-9, Firefox

Answer 4

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

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

Answer 5

utilisation:

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

ou:

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

plus quelques CSS