web-dev-qa-db-fra.com

Utilisez un lien normal pour soumettre un formulaire

Je veux soumettre un formulaire. Mais je ne vais pas utiliser de manière simple un bouton de saisie avec le type d'envoi mais un lien a.

L'image ci-dessous montre pourquoi. J'utilise des liens d'image pour enregistrer/soumettre le formulaire. Parce que j'ai un balisage css standard pour les liens d'image, je ne souhaite 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.

alt text

Des idées?

htmlcssformshyperlinksubmit
114
Artjom Zabelin

Deux façons. 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();".

152
Jan Sverre

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

82
JonVD

Styliser un input type="submit" comme cela a fonctionné pour moi:

.linkButton { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}
<input type="submit" class="linkButton" />

Testé sous Chrome, IE 7-9, Firefox

25
Serj Sagan

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

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

utilisation:

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

ou:

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

plus quelques CSS

4
atlavis

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

0
Sameh Helaly