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