Open In App

HTML DOM Button formTarget Property

Improve
Improve
Like Article
Like
Save
Share
Report

The Button formTarget property in HTML DOM is used to set or return the value of the formTarget attribute of a button. After submission of the form, the formTarget attribute is called. The form data is to be sent to the server after submission of the form. 

Syntax:

  • It is used to return the form target property.
buttonObject.formTarget
  • It is used to set the formTarget property.
buttonObject.formTarget = "_blank | _parent | _self | _top | framename"

Property Values:

  • _blank: It is used to load the response in a new window/tab.
  • _parent: It is used to load the response in the parent frame.
  • _self:It is the default value and used to load the response in the same frame.
  • _top: It is used to load the response in the full body of the window.
  • framename: It is used to load the response in a named iframe.

Return Value: It returns a string value which represent the place where the response has to be submitted. 

Example: This example describes how to set and get the value of formTarget property. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Button formTarget Property
    </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
 
    <h2>DOM Button formTarget Property</h2>
 
    <form action="/gfg.php"
          method="post" id="users">
 
        <label for="username">Username:</label>
        <input type="text" name="username" id="Username">
 
        <br><br>
 
        <label for="password">
          Password :
        </label>
        <input type="password" name="password">
 
        <button id="btn" type="submit" formtarget="_blank">
            Load Changed formAction value
        </button>
    </form>
 
    <br>
 
    <button onclick="myGeeks()">
        Submit
    </button>
 
    <p id="GFG"></p>
 
    <!-- script to set and get the value of formTarget attribute -->
    <script>
        function myGeeks() {
            let x = document.getElementById("btn").formTarget;
            let y = document.getElementById("btn").formTarget = "_self";
            document.getElementById("GFG").innerHTML
                = "formTarget changed to " + y + "<br> from " + x;
        }
    </script>
</body>
 
</html>


Output: 

 

Supported Browsers:

  • Google Chrome 9 and above
  • Edge 12 and above
  • Mozilla Firefox 4 and above
  • Opera 12.1 and above
  • Safari 5.1 and above


Last Updated : 19 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads