Skip to content
Related Articles

Related Articles

HTML | DOM Input Number type Property
  • Difficulty Level : Basic
  • Last Updated : 11 Mar, 2019

The DOM Input Number type Property in HTML DOM is used to return the type of form element of the number filed. It always returns the text for an Input number field.

Syntax:

numberObject.type

Below program illustrates the number type property in HTML DOM:

Example: This example returns the type of form element of the number field.




<!DOCTYPE html> 
<html
  
    <body style="text-align:center;"
  
        <h1 style="color:green;"
            GeeksForGeeks 
        </h1
  
        <h2>DOM Input Number type Property</h2
  
        <input type="number"
            id="myNumber"
            value="10"> <br><br>
        <button onclick="myFunction()"
            Click Here! 
        </button
  
        <p id="demo" style="font-size:23px;color:green;"></p
  
        <script
            function myFunction() { 
                  
                // Accessing input value 
                var x = 
                document.getElementById("myNumber").type; 
                document.getElementById("demo").innerHTML =  x; 
            
        </script
  
    </body
  
</html

Output:



Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browser supported by DOM input number type Property are listed below:

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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :