Utilisez un lien normal pour soumettre un formulaire

Question

Je veux soumettre un formulaire. Mais je ne vais pas la façon basique d'utiliser un bouton d'entrée avec un type de soumission mais un lien un .

L'image ci-dessous montre pourquoi. J'utilise des liens d'image pour enregistrer/soumettre le formulaire. Parce que j'ai le balisage standart css pour les liens d'image, je ne veux pas utiliser les boutons de soumission 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.

Toutes les idées?

Answer 1

Deux façons. Soit créer un bouton et le style de sorte qu'il ressemble à un lien avec CSS, ou créer un lien et utiliser onclick="form.submit();".

Answer 2

Vous utilisez des images pour présenter .. et vous pouvez simplement utiliser un « bouton » d'entrée type="image":

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

Answer 3

Vous ne pouvez pas vraiment faire cela sans une certaine 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 de Here.

Answer 4

utilisation:

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

ou:

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

plus quelques CSS

Answer 5

styling Juste une <input type="submit" class="linkButton" /> comme ça a fonctionné pour moi:

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

<input type="submit" class="linkButton" />

Testé dans Chrome, IE 7-9, Firefox

Answer 6

Certainement, il n'y a pas de solution avec HTML pur pour soumettre un formulaire avec une étiquette lien (a). Le HTML standard n'accepte que des boutons ou des images. Comme l'ont dit d'autres collaborateurs, on peut simuler l'apparition d'un lien en utilisant un bouton, mais je suppose que ce n'est pas le but de la question.

À mon humble avis, 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 l'objet this, qui référence l'élément sur lequel on clique, qui est un noeud enfant du formulaire, qui doit être soumis. Donc this.parentNode est le nœud de formulaire. Après il appelle simplement la méthode submit() sous cette forme. Ce n'est pas une recherche nécessaire de l'ensemble du document 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 je rentre avec mon propre nom:

Je l'ai utilisé get dans l'attribut de méthode formulaire, car il est possible de voir les bons paramètres dans l'URL à la page chargée après soumettre .

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

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

this est un excellent choix pour récupérer le contexte avec event variable (disponible dans tous les principaux navigateurs et à partir de IE9) qui peut être utilisé directement ou transmis en tant qu'argument à une fonction.

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

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

Answer 7

vous pouvez utiliser onclick = "document.getElementById ('formID_NOT_NAME'). SOUMETTRE()"