How to create an HTML button that acts like a Link?

Question

I would like to create an HTML button that acts like a link. So, when you click the button, it redirects to a page. I would like it to be as accessible as possible. I would also like it so there aren't any extra characters, or params in the URL.

How can I achieve this?

Update: I am currently doing this:

<form method="get" action="/sponsor">
    <button type="submit" id="sponsorContinue">Continue</button>
</form>

but the problem with this is that in Safari and IE, it adds a question mark character to the end of the URL. I need to find a solution that doesn't add any characters to the end of the URL.

Answer 1

Put it in a <form> wherein you specify the desired target URL in the action attribute.

<form action="http://google.com"&gt;
    <input type="submit" value="Go to Google">
</form>

Answer 2

<form>
<input TYPE="button" VALUE="Home Page"
     onclick="window.location.href='http://www.wherever.com'"&gt; 
</form>

Answer 3

The only way to do this (except for BalusC's ingenious form idea!) is by adding a Javascript onclick event to the button, which is not good for accessibility.

Have you considered styling a normal link like a button? You can't achieve OS specific buttons that way, but it's still the best way IMO.

Answer 4

<a href="http://www.stackoverflow.com/"&gt;
    <button>click me</button>
</a>

Answer 5

<button onclick="location.href='http://www.example.com'"&gt;
     www.example.com</button>