Today, We want to share with you how to redirect from one page to another in html on button click?.In this post we will show you onclick redirect to another page jquery, hear for redirect to another page after form submit html we will give you demo and example for implement.In this post, we will learn about How To Make A Button Link To Another Page In Html? with an example.
How to Make Submit button redirect to another page in HTML?
Contents
<button onclick="window.location.href='b.php'">Click me</button>
Redirect using HTML Forms
index.html
<html>
<head>
<title>Submit Button Redirect</title>
</head>
<body>
<form method="POST" action="freedownloadthankyoupage.php">
<input type="submit"/>
</form>
</body>
</html>
Link Submit button using Anchor Tags in HTML
index.html
<html>
<body>
<a href="http://www.pakainfo.com">
<input type="submit"/>
</a>
</body>
</html>
Link Submit button to Another page using JavaScript
index.html
<html>
<body>
<input type="submit" onClick="getWebinfo()"/>
<script>
function getWebinfo() {
window.location.href="http://www.pakainfo.com";
}
</script>
</body>
</html>
submit button redirect to another page HTML
Example 4:
<html>
<body>
<form action="nextpage.php" method="POST">
<input type="submit"/>
</form>
</body>
</html>
Redirect using HTML Anchor Tags
<html>
<body>
<a href="http://www.pakainfo.com">
<button>Click Me</button>
</a>
</body>
</html>
how to make a button or a page link to another page in HTML using the button
<html>
<body>
<a href="http://www.pakainfo.com">
<button>Click Me</button>
</a>
</body>
</html>
how to handle multiple submit buttons in HTML forms
Example 6:
<html>
<body>
<input type="submit" id="frmSaveData"/>
<script>
document.getElementById("frmSaveData").addEventListener("click", getWebinfo);
function getWebinfo() {
window.location.href="http://www.pakainfo.com";
}
</script>
</body>
</html>
a href Submit form onclick
<html>
<body>
<a href="myformnextArticle.html">
Click Me
</a>
</body>
</html>
redirect to another page after form submit HTML
index.html
<html>
<body>
<form method="POST" action="userLogin.php">
<input type="text"/>
<input type="submit"/>
</form>
</body>
</html>
button type submit redirect to another page
<html>
<body>
<a href="http://www.pakainfo.com">
<input type="submit"/>
</a>
</body>
</html>
Button Type Submit redirect
<html>
<body>
<form action="http://www.pakainfo.com">
<input type="submit"/>
</form>
</body>
</html>
<button onclick="location.href = 'www.pakainfo.com';" id="myButton" class="float-left submit-button" >About Us</button>
Use the JavaScript window.location Property
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Automatic Page Redirect</title>
<script>
function clearHeaderLocation() {
window.location.replace("https://www.pakainfo.com/");
}
setTimeout("clearHeaderLocation()", 10000);
</script>
</head>
<body>
<p><strong>Note:</strong> You will be redirected to the pakainfo.com in 10 sec.
You are not able to get back to this online web page by clicking the browser any like as a google crome, mozila back button.</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Redirect a Page onClick Event - www.pakainfo.com</title>
<script>
function clearHeaderLocation() {
window.location.href = "https://www.pakainfo.com/";
}
</script>
</head>
<body>
<button type="button" onclick="clearHeaderLocation()">Go to Tutorial Pakainfo.com</button>
</body>
</html>
I hope you get an idea about How can I make a button redirect my page to another page?.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, donโt forget to share.
I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I’m a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.