Last Updated : 17 Jun, 2022
In this article, we will see how to open the new tab in HTML using <form> target Attribute, along with understanding its implementation through the examples.
The <form> target Attribute in HTML is used to specify whether the submitted result will open in the current window, a new tab, or on a new frame ie., this attribute specifies a name or a keyword that shows where to display the reply, once the form is submitted.
Syntax:
<form target="_blank|_self|_parent|_top|framename">
Attribute Values:
Example 1: This simple example illustrates the use of the target attribute which is set to _blank in HTML Form.
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Form target Attribute</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML Form target Attribute</h2>
<form action="#" id="GFG" target="_blank">
Username:
<input type="text" name="name">
<br>
Password:
<input type="password" name="password">
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Output:
HTML <form> target AttributeExample 2: This example illustrates the use of target Attribute whose value is set to _self in the form element.
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Form target Attribute</title>
<style>
h1 {
color: green;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML Form target Attribute</h2>
<form action="#" id="GFG" target="_self">
First name:
<input type="text" name="fname">
<br>
Last name:
<input type="text" name="lname">
<br>
Address:
<input type="text" name="Address">
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Output:
Setting the target attribute as _selfSupported Browsers:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4