HTML DOM Button formTarget Property
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 >w3wiki</ 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 = "myBeginner()" > Submit </ button > < p id = "GFG" ></ p > <!-- script to set and get the value of formTarget attribute --> < script > function myBeginner() { 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