HTML DOM Input Color list Property

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

HTML DOM Input Color list Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

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.type Return Value: It returns a string value that represents the type of form element the input color field is.

HTML DOM Input Color name Property

The DOM Input Color name Property in HTML DOM is used to set or return the value of the name attribute. The name attribute is required for each input color field. If the name attribute is not specified in an input field then the data of that field would not be sent at all. Syntax: It returns the Inp

HTML DOM Input Color list Property

The input color list property in HTML DOM is used to return a reference to the datalist element that contains an input color field. Syntax: colorObject.list.id Return Value: It returns a string value that represents the value of the id attribute of the datalist element. Example: Below HTML code is u

HTML | DOM Input URL form Property

The DOM Input URL form Property is used for returning the reference of the form containing the URL field. It is read-only property and returns a form object on success. Syntax: urlObject.form Return Values: It returns a string value which specify the reference of the form containing the Input URL fi

HTML | DOM Input Color value Property

The DOM Input Color value Property in HTML DOM is used to set or return the value of the value attribute of a color picker. The value attribute is used to specify the color for the color picker. It's default value is #000000 (black color). Syntax It returns the value property.colorObject.valueIt is

HTML | DOM Input Text form Property

The DOM Input Text form Property in HTML DOM is used to return the reference of form containing the input Text field. It is a read-only property that returns the form object on success. Syntax: textObject.form Return Values: It returns a string value which specify the reference of the form containin