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:
- _blank: It opens the link in a new window.
- _self: It opens the linked document in the same frame & this is the default value.
- _parent: It opens the linked document in the parent frameset.
- _top: It opens the linked document in the full body of the window.
- framename: It opens the linked document in the named frame.
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 Attribute
Example 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 _self
Supported Browsers:
- Google Chrome version
- Internet Explorer
- Microsoft Edge version 12 and above
- Firefox version
- Safari
- Opera