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. 


  • It is used to return the formTarget property.
  • 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. 


<!DOCTYPE html>
        HTML DOM Button formTarget Property
    <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">
        <label for="password">Password :</label>
        <input type="password" name="password">
        <button id="btn" type="submit" formtarget="_blank">
            Load Changed formAction value</button>
    <button onclick = "myGeeks()">
    <p id = "GFG"></p>
    <!-- script to set and get the value of formTarget attribute -->
    function myGeeks() {
        var x = document.getElementById("btn").formTarget ;
                var y = document.getElementById("btn").formTarget = "_self";
            = "formTarget changed to " + y  + "<br> from "+ x ;


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!