HTML | DOM Input Color form Property
Last Updated :
24 Aug, 2022
The DOM Input Color form Property in HTML DOM is used to return the reference to the form containing the input color picker field. It is read-only Property that returns a form object on success.
Syntax:
colorObject.form
Return Values: It returns a string value which specify the reference of the form containing the Input Color field. The value of this attribute must be value of the id attribute of the <form> element.
Example: Below Program illustrates the use of Input Color form Property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Input Color form Property
</ title >
</ head >
< body style = "text-align:center;" >
< h1 >
GeeksForGeeks
</ h1 >
< h2 >
HTML DOM Input Color form Property
</ h2 >
< form id = "myGeeks" >
< label >
Select your favorite color:
</ label >
< input type = "color"
value = "#009900"
name = "Geek_color"
id = "color" >
</ form >
< button onclick = "myGeeks()" >
Click Here!
</ button >
< p id = "GFG"
style="color:green;
font-size:24px;">
</ p >
< script >
function myGeeks() {
var x =
document.getElementById(
"color").form.id;
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 form property listed below:
- Google Chrome 20
- Edge 14
- Firefox 29
- Opera 12
- Safari 12.1
Share your thoughts in the comments
Please Login to comment...