Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML <form> target Attribute

  • Last Updated : 14 Dec, 2021

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 93.0
  • Internet Explorer 11.0
  • Microsoft Edge 93.0
  • Firefox 92.0
  • Safari 14.1
  • Opera 78.0


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!