HTML DOM Button formAction Property
The Button formAction property in HTML DOM is used to set or return the value of the formAction attribute of a button. After submission of the form, the formAction 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 formAction property.
buttonObject.formAction
- It is used to set the formAction property.
buttonObject.formAction = URL
Property Values: URL: It is used to specify the URL of the document where the data to be sent after submission of the form. The possible value of the URL is:
- absolute URL: It points to the full address of a page. For Example www.gfg.org
- relative URL: It is used to point to a file within a webpage. For Example www.geeksforgeeks.org
Return Value: It returns a string value which represents the URL of the form.
Example: This example describes how to set and get the value of formAction property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Button formAction Property
</ title >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >DOM Button formAction 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"
formaction = "/tryit.php" >
Load Changed formAction value
</ button >
</ form >
< br >
< button onclick = "myGeeks()" >
Submit
</ button >
< p id = "GFG" ></ p >
< script >
function myGeeks() {
let x =
document.getElementById("btn").formAction;
let y =
document.getElementById("users").action;
document.getElementById("GFG").innerHTML =
"formAction changed to " + x + "< br > from " + y;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: The browsers supported by DOM Button formAction Property are listed below:
- Google Chrome
- Internet Explorer 10.0
- Firefox
- Apple Safari
- Opera
Last Updated :
20 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...