Skip to content
Related Articles

Related Articles

HTML | DOM Button formTarget Property
  • Last Updated : 30 Sep, 2019

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.






<!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:

  1. Internet Explorer 10.0
  2. Google Chrome
  3. Mozilla Firefox
  4. Opera
  5. Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :