Is there a way to get a <button> element to link to a location without wrapping it in an <a href ... tag?
Inline Javascript:
<button onclick="window.location='http://www.example.com';">Visit Page Now</button>Defining a function in Javascript:
<script> function visitPage(){ window.location='http://www.example.com'; }</script><button onclick="visitPage();">Visit Page Now</button>or in Jquery
<button id="some_id">Visit Page Now</button>$('#some_id').click(function() { window.location='http://www.example.com';});
Here's a solution which will work even when JavaScript is disabled:
<form action="login.html"> <button type="submit">Login</button></form>The trick is to surround the button with its own <form> tag.
I personally prefer the <button> tag, but you can do it with <input> as well:
<form action="login.html"> <input type="submit" value="Login"/></form>
Just do this
<button OnClick=" location.href='link.html' ">Visit Page Now</button>Although, it's been a while since I've touched JavaScript - maybe location.href is outdated? Anyways, that's how I would do it.