Open In App

HTML | DOM Form submit() Method

Last Updated : 05 May, 2025
Comments
Improve
Suggest changes
Like Article
Like
Report

The form submit() Method in HTML DOM is used to send the form data to the web-server. It works as same as submit button. It does not contain any parameters. 

Syntax: 

formObject.submit()

Example: 

index.html
<!DOCTYPE html> 
<html> 
<head>
    <title>
        HTML DOM Form submit() Method
    </title>
</head>
<body style="text-align:center;"> 
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <!-- HTML code to create form -->
    <h2>DOM Form submit() Method</h2>
    <form id="GFG" action="https://www.geeksforgeeks.org/community/">
          <label for="username">Username:</label> 
        <input type="text" name="username" id="Username">
        <br>
        <label for="password">Password:</label> 
        <input type="password" name="password" id ="password">
        <br><br>
          <input type="button" onclick="myGeeks()" value="Submit form">
    </form>
    <!-- script to use submit() method -->
    <script>
        function myGeeks() {
              document.getElementById("GFG").submit();
        }
    </script>
</body>
</html>

Temporary Note on Output : On Run, The output may show a "Refuse to Connect" error due to security restrictions from the GeeksforGeeks site, which prevents embedding. To see the output, replace the src URL with one that allows iframe embedding, such as "https://www.example.com".

Output:

 


Supported Browsers: The browser supported by DOM Form submit() method are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Safari 3 and above

Practice Tags :

Similar Reads