Skip to content
Related Articles

Related Articles

HTML | DOM Input Color form Property

View Discussion
Improve Article
Save Article
  • Last Updated : 24 Aug, 2022
View Discussion
Improve Article
Save Article

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!