Puis-je transformer un lien par exemple <a href="#">submit</a>
en un bouton soumettre pour un formulaire? Si c'est le cas, comment? J'utilise PHP, MySQL, XHTML et CSS.Soumettre question bouton
Répondre
Pas vrai.
Vous pouvez truquer avec JavaScript, mais cela viole Rule 2.
Vous pouvez utiliser CSS pour faire ressembler un bouton de soumission à un lien, mais ce n'est généralement pas une bonne idée (bien qu'il soit toujours préférable d'utiliser JS). Les utilisateurs s'attendent à ce que les boutons envoient des formulaires, et que les liens permettent d'aller quelque part. Violer les attentes est une mauvaise utilisation.
Avec javascript vous pouvez faire un onclick
En jquery:
$('theElement').click(function(){
// submit the form...
});
Modifié: sur votre formulaire (j'ai écrit onclick!)
Vous pouvez appeler soumettre(). Comme:
<a href="#" onclick="document.getElementById('myForm').submit();">e</a>
Ce qui est quelque chose que je ne recommanderais vraiment pas, mais c'est la réponse à votre question.
Vous pouvez utiliser jQuery pour les pratiques javascript discret et soumettre le formulaire:
<form id="form_id">
...........
</form>
<a href="#" id="submit_link">submit</a>
jQuery:
$(function(){
$('#submit_link').click(function(){
$('#form_id').submit();
return false;
});
});
<script language="javascript">
function submitform()
{
document.form1.submit();
}
</script>
<form name="form1"></form>
<a href="javascript:submitform()">Submit</a>
Pourquoi les downvotes? Est-ce que cela ne répond pas à la question? –
(TESTÉ SUR SAFARI et FF/OSX) Je n'ai pas de machine DOS à la maison.
La réponse à la question est Oui.
Voici comment vous coder en clair Javascript:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Form Submit</title>
<script>
window.onload = function(){
document.getElementById("linksubmit").onclick = function(){
if(document.getElementById("foo").value != ''){
document.forms[0].submit();
return false;
}else{
alert('Please fill in Foo');
}
}
}
</script>
</head>
<body>
<form id="theform" action="index.html" method="post">
<label for="foo">Foo</label>
<input type="text" name="foo" id="foo" />
<a href="javascript:void(0);" id="linksubmit">Submit</a>
</form>
</body>
</html>
Et ce que vous coderez avec jQuery:
$(document).ready(function(){
$("#linksubmit").click(function(){
if($("#foo").val()!=''){
$("#theform").submit();
return false;
}else{
alert('Please fill in Foo');
}
});
});
Il suffit d'utiliser ce morceau entre le script balises au lieu de premier exemple. N'oubliez pas d'ajouter le code source jQuery. Google a une version hébergée qui est bonne à utiliser:
- 1. autre forme soumettre la question
- 2. html soumettre sans soumettre bouton ou JavaScript
- 3. Bouton Soumettre personnalisé
- 4. Default soumettre style bouton formulaire
- 5. Javascript Soumettre ne comprend pas Soumettre Valeur du bouton
- 6. désactiver correctement le bouton soumettre
- 7. Masquer Soumettre Bouton pour formulaire
- 8. onclick disable soumettre le bouton
- 9. deux bouton soumettre une direction
- 10. Bouton ASP (Commande vs Soumettre)
- 11. get soumettre l'ID du bouton
- 12. php forms soumettre le bouton
- 13. Formulaire JQuery Soumettre une question?
- 14. bouton question
- 15. Soumettre le style de bouton dans IE
- 16. soumettre le bouton cross browser positionnement
- 17. Soumettre le bouton ne fonctionne pas
- 18. Soumettre multiple Cliquez sur le bouton Problème?
- 19. Ancre en tant que bouton Soumettre
- 20. Cliquez automatiquement sur le bouton SOUMETTRE?
- 21. HTML - Formulaire Bouton Soumettre Confirmation Dialog
- 22. Comment créer un bouton Soumettre mouseover?
- 23. Formulaire PHP soumettre le bouton dans $ _GET
- 24. classe n'applique pas à soumettre le bouton
- 25. Le bouton Soumettre n'est pas envoyé
- 26. PHP soumettre bouton sous forme de questions
- 27. Menu déroulant JS avec le bouton Soumettre
- 28. soumettre le comportement du bouton dans IE
- 29. jQuery, soumettre un formulaire avec un bouton
- 30. bouton soumettre avec 2 comportements différents
– Tangurena
Pourquoi ne pas utiliser un bouton de soumission? – kennytm