J'ai essayé ce qui suit :
<form action="/home" class="inline">
<button class="float-left submit-button" >Home</button>
</form>
Cela semble fonctionner, mais la page "/home"" est affichée ;
Existe-t-il un meilleur moyen de faire en sorte qu'un bouton à l'intérieur d'un formulaire renvoie la page vers un nouvel emplacement ?
Ajoutez simplement un événement onclick
au button
:
<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
Mais il ne faut pas vraiment le mettre en ligne comme ça, il faut plutôt le mettre dans un bloc JS et donner un ID au button
:
<button id="myButton" class="float-left submit-button" >Home</button>
<script type="text/javascript">
document.getElementById("myButton").onclick = function () {
location.href = "www.yoursite.com";
};
</script>
vous pourriez le faire :
<button onclick="location.href='page'">
vous pourriez modifier l'attribut action du formulaire lors du clic sur le bouton :
<button class="float-left submit-button" onclick='myFun()'>Home</button>
<script>
myFun(){
$('form').attr('action','new path');
}
</script>