Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Input Submit value Property

  • Last Updated : 16 Apr, 2019

The DOM Input Submit value Property in HTML DOM is used to set or return the value of the value attribute of a Input Submit Field. The value attribute specifies the text displayed in the Submit Field.

Syntax:

  • It returns the value property.
    submitObject.value
  • It is used to set the value property.
    submitObject.value = text

Property Value: It contains single value text which defines the text displayed in the submit button.

Return Value: It returns the string value which represent the text displayed in the submit button.

Example-1: This Example illustrates how to return the Input Submit value Property.






<!DOCTYPE html> 
<html
  
<head
    <title
        HTML DOM Input Submit value Property
    </title
</head
  
<bodystyle="text-align:center;"
    <h1>
        GeeksForGeeks
    </h1>
    <h2
        HTML DOM Input Submit value Property 
    </h2
      
    <input type = "submit" id = "Geeks"
            value = "Submit @ geeksforgeeks"
       <p>
           click on below button to return the  Property
       </p>
    <button onclick = "myGeeks()"
        Click Here! 
    </button
      
      
    <p id = "GFG"></p
      
    <!-- Script to return submit value Property -->
    <script
        function myGeeks() { 
            var btn = document.getElementById("Geeks").value; 
            document.getElementById("GFG").innerHTML = btn; 
        
    </script
</body
  
</html>                     

Output:
Before Clicking On Button:

After Clicking On Button :

Example-2: This Example illustrates how to set the Input submit value Property.




<!DOCTYPE html> 
<html
  
<head
    <title
        HTML DOM Input Submit value Property
    </title
</head
  
<body style="text-align:center;"
    <h1>
        GeeksForGeeks
    </h1>
    <h2
        HTML DOM Input Submit value Property 
    </h2
      
    <input type = "submit" id = "Geeks"
            value = "Submit @ geeksforgeeks"
       <p>
           click on below button to set the  Property
       </p>
    <button onclick = "myGeeks()"
        Click Here! 
    </button
      
      
    <p id = "GFG"></p
      
    <!-- Script to set submit value Property -->
    <script
        function myGeeks() { 
            var btn = document.getElementById("Geeks").value = "submit@HelloGeeks"; 
            document.getElementById("GFG").innerHTML = btn; 
        
    </script
</body
  
</html>                     

Output :
Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browser supported by DOM input submit value Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :