Open In App

HTML DOM Button formAction Property

Improve
Improve
Like Article
Like
Save
Share
Report

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 to return Button formAction Property -->
    <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
Previous
Next
Share your thoughts in the comments
Similar Reads