HTML | DOM Input Color form Property
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
.png)
