The `onclick` attribute executes a script when the button is clicked. It can be used in conjunction with the [`<button>`](https://www.educative.io/answers/what-is-the-html-button-tag) or [`<input>`](https://www.educative.io/answers/what-is-the-input-element-in-html) tags. 


<!DOCTYPE html>
<html>
<body>

<h3>Using the onclick attribute in the button tag</h3>

<button onclick="window.open('https://educative.io/');" target="_blank"> Click Me! </button>
<br> </br>
<h3>Using the onclick attribute in the input tag</h3>

<input type="button" value="Click Me!" onclick="window.open('https://educative.io/');" > 

</body>
</html>

codemirror

<!DOCTYPE html>
<html>
<body>

<h3>Using the action attribute in the form tag</h3>

<form action="https://educative.io" target="_blank">
		<button type="submit"> Click Me </button>
</form>

</body>
</html>

>**Note:** Since `formaction` is an HTML5 specific feature, it may not always work as expected on older versions of popular browsers like Chrome and Safari. In some cases, a trailing question mark(**?**) is added at the end of the URL by default.

<!DOCTYPE html>
<html>
	<body>

		<h3>Using the formaction attribute in the button tag</h3>

		<form target="_blank"> 
			<button type="submit"  formaction="https://educative.io"> Click Me </button>
		</form>

	</body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <style>
      .button {
        background-color: #2c1aed;
        border: none;
        border-radius: 10px ;
        color: white;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        font-size: 10px;
        cursor: pointer;
      }
      </style>
    </head>
<body>
  <h3>Stylizing the anchor tag</h3>

  <a href="https://educative.io" class="button" target="_blank"> Click Me</a>

</body>
</html>

How to make a button link to another page in HTML

Use JavaScript, the <form> tag, or the <a> tag to create HTML button links to other pages.

How to make a button link to another page in HTML

Overview

Method 1: Using JavaScript

Method 2: Using the `<form>` tag

Method 3: Using the `<a>` tag

How to make a button link to another page in HTML

Overview

Method 1: Using JavaScript

Method 2: Using the <form> tag

Method 3: Using the <a> tag

Method 2: Using the `<form>` tag

Method 3: Using the `<a>` tag