Skip to content
Related Articles

Related Articles

HTML | DOM Form submit() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 31 Aug, 2022
View Discussion
Improve Article
Save Article

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: 

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://ide.geeksforgeeks.org/tryit.php">
          <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>

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!