Open In App

HTML DOM Input Color type Property

Improve
Improve
Like Article
Like
Save
Share
Report

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: 

HTML




<!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: 

  • Google Chrome 20
  • Edge 14
  • Firefox 29
  • Opera 12
  • Safari 12.1


Last Updated : 19 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads