How to create a HTML Cancel button that redirects to a URL

javascript html forms htmlbutton
Red Cricket picture Red Cricket · Aug 23, 2013 · Viewed 202.2k times · Source

I am playing with the Buttons in the w3schools Tryit editor, and I am trying to figure out how to make my browser redirect to an URL when I click on the "Cancel" button.

Here's what I have tried:

But it doesn't work. Any ideas?

Answer

Quentin picture Quentin · Aug 23, 2013

cancel is not a valid value for a type attribute, so the button is probably defaulting to submit and continuing to submit the form. You probably mean type="button".

(The javascript: should be removed though, while it doesn't do any harm, it is an entirely useless label)

You don't have any button-like functionality though, so would be better off with:

<a href="http://stackoverflow.com"> Cancel </a>

… possibly with some CSS to make it look like a button.

Related questions

Set the value of an input field

How would you set the default value of a form <input> text field in JavaScript?

Read More
How to submit a form with JavaScript by clicking a link?

Instead of a submit button I have a link: <form> <a href="#"> submit </a> </form> Can I make it submit the form when it is clicked?

Read More
HTML5 form required attribute. Set custom validation message?

I've got the following HTML5 form: http://jsfiddle.net/nfgfP/ Currently when I hit enter when they're both blank, a popup box appears saying "Please fill out this field". How would I change that default message to "This field cannot …

Read More