Próbowałem następujących sposobów:
<form action="/home" class="inline">
<button class="float-left submit-button" >Home</button>
</form>
Wygląda na to, że działa, ale przechodzi do strony "/home?"
Czy istnieje lepszy sposób na to, aby przycisk wewnątrz formularza powodował przejście do nowej lokalizacji?
Wystarczy dodać zdarzenie onclick
do button
:
<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
Ale tak naprawdę nie powinieneś mieć go inline w ten sposób, zamiast tego umieść go w bloku JS i nadaj button
identyfikator:
<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>
mógłbyś to zrobić:
<button onclick="location.href='page'">
mógłbyś zmienić atrybut action formularza na kliknięcie przycisku:
<button class="float-left submit-button" onclick='myFun()'>Home</button>
<script>
myFun(){
$('form').attr('action','new path');
}
</script>