HTML DOM Input Color form Property

Input Color form property रंग इनपुट को समाहित करने वाले फॉर्म का रेफरेंस लौटाता है। यदि रंग इनपुट किसी फॉर्म के अंदर नहीं है, तो यह null लौटाता है।

Syntax

फॉर्म रेफरेंस प्राप्त करना:

inputColorObject.form

उदाहरण

रंग इनपुट को समाहित करने वाले फॉर्म की ID प्राप्त करना:

<!DOCTYPE html>
<html>
<head>
<title>Input Color Form</title>
</head>
<body>
<form id="formForColorsInput">
  रंग पिकर: <input type="color" id="Color">
</form>
<button onclick="getFormID()">फॉर्म ID प्राप्त करें</button>
<div id="divDisplay"></div>
<script>
  function getFormID() {
    var inputColor = document.getElementById("Color");
    var divDisplay = document.getElementById("divDisplay");
    divDisplay.textContent = 'रंग इनपुट के लिए फॉर्म ID: ' + inputColor.form.id;
  }
</script>
</body>
</html>

आउटपुट

"फॉर्म ID प्राप्त करें" बटन क्लिक करने पर रंग इनपुट को समाहित करने वाले फॉर्म की ID "formForColorsInput" प्रदर्शित होती है।

मुख्य बिंदु

form property केवल पढ़ने के लिए है (read-only)
यह उस <form> एलिमेंट का रेफरेंस लौटाता है जो रंग इनपुट का पूर्वज (ancestor) है
यदि रंग इनपुट किसी फॉर्म के बाहर है, तो यह null लौटाता है
फॉर्म के अंदर नेस्टेड रंग इनपुट के लिए उपयोगी - फॉर्म ऑब्जेक्ट तक पहुंच के लिए
colorInput.form.id, colorInput.form.name, colorInput.form.elements आदि एक्सेस कर सकते हैं