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.typeBelow Program illustrates the use of 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() { var x = document.getElementById( "color").type; document.getElementById( "GFG").innerHTML = x; } </script> </body> </html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input color type property listed below:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Opera
- Safari
