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 >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 >
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
Share your thoughts in the comments
Please Login to comment...