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:
HTML
<!DOCTYPE html><html> <head> <title> HTML DOM Input Color type Property </title></head><body style="text-align:center;"> <h1> w3wiki </h1> <h2> HTML DOM Input Color type Property </h2> <p> Select your favorite color: <input type="color" value="#009900" id="color"> </p> <button onclick="myBeginner()"> Click Here! </button> <p id="GFG" style="color:green; font-size:25px;"> </p> <!-- script to return the input color --> <script> function myBeginner() { 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