Skip to content
Related Articles

Related Articles

HTML | DOM Button formTarget Property

Improve Article
Save Article
  • Last Updated : 31 Aug, 2022
Improve Article
Save Article

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 formTarget 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() {
        var x = document.getElementById("btn").formTarget ;
                var y = document.getElementById("btn").formTarget = "_self";
        document.getElementById("GFG").innerHTML
            = "formTarget changed to " + y  + "<br> from "+ x ;
    }
    </script>
</body>
 
</html>                                    

Output: 

Before clicking on button:

  

After clicking on button:

  

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

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!