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