Open In App

HTML DOM Input Color type Property

The DOM Input Color type Property in HTML DOM is used for returning which type of form element containing the color picker is. This property will always return “color”. 

Syntax: 



colorObject.type 

Return Value: It returns a string value that represents the type of form element the input color field is.

The below Program illustrates the use of the Input Color type Property.



Example: 




<!DOCTYPE html>
<html>
   
<head>
    <title>
        HTML DOM Input Color type Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
    <h2>
        HTML DOM Input Color type Property
    </h2>
 
    <p>
        Select your favorite color:
        <input type="color" value="#009900"
               id="color">
    </p>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
    <p id="GFG" style="color:green;
                       font-size:25px;">
    </p>
 
 
    <!-- script to return
     the input color -->
    <script>
        function myGeeks() {
            let x =
                document.getElementById(
                    "color").type;
 
            document.getElementById(
                "GFG").innerHTML = x;
        }
    </script>
</body>
   
</html>

Output: 

 

Supported Browsers: The browser supported by DOM input color type property listed below: 


Article Tags :