HTML DOM टेक्स्टएरिया form प्रॉपर्टी: पैरेंट फॉर्म पहचानना

HTML DOM टेक्स्टएरिया form प्रॉपर्टी उस फॉर्म का संदर्भ लौटाती है जिसमें टेक्स्टएरिया शामिल है।

सिंटैक्स

object.form

उदाहरण: टेक्स्टएरिया के फॉर्म की पहचान करना

<!DOCTYPE html>
<html>
<style>
  body { text-align: center; background-color: #363946; color: #fff; }
  form { margin: 2.5rem auto; }
  button { background-color: #db133a; border: none; cursor: pointer; padding: 8px 16px; color: #fff; border-radius: 5px; font-size: 1.05rem; }
  .show { font-weight: bold; font-size: 1.4rem; }
</style>
<body>
  <h1>DOM टेक्स्टएरिया form प्रॉपर्टी डेमो</h1>
  <form id="Form 1">
    <fieldset>
      <legend>फॉर्म 1</legend>
      <textarea rows="5" cols="20">नमस्ते! मैं कुछ डमी टेक्स्ट के साथ एक टेक्स्ट एरिया एलिमेंट हूँ।</textarea>
    </fieldset>
  </form>
  <button onclick="identify()">टेक्स्टएरिया फॉर्म पहचानें</button>
  <p class="show"></p>
  <script>
    function identify() {
      var formId = document.querySelector("textarea").form.id;
      document.querySelector(".show").innerHTML = "नमस्ते! मैं " + formId + " से हूँ";
    }
  </script>
</body>
</html>

आउटपुट

1. प्रारंभ में: "फॉर्म 1" आईडी वाला फॉर्म और टेक्स्टएरिया
2. "टेक्स्टएरिया फॉर्म पहचानें" क्लिक: "नमस्ते! मैं Form 1 से हूँ" प्रदर्शित होता है

form प्रॉपर्टी के उपयोग

• फॉर्म ID प्राप्त करना: textarea.form.id
• फॉर्म सबमिट करना: textarea.form.submit()
• फॉर्म रीसेट करना: textarea.form.reset()
• फॉर्म डेटा एक्सेस: new FormData(textarea.form)
• फॉर्म एलिमेंट्स: textarea.form.elements - फॉर्म के सभी कंट्रोल्स

महत्वपूर्ण बिंदु

• केवल पढ़ने योग्य: form प्रॉपर्टी सेट नहीं की जा सकती
• null यदि अनाथ: यदि टेक्स्टएरिया किसी फॉर्म में नहीं है तो null लौटाता है
• form एट्रिब्यूट: HTML5 में <textarea form="formId"> से फॉर्म के बाहर रखकर भी जोड़ सकते हैं

form एट्रिब्यूट उदाहरण (HTML5)

<form id="myForm"></form>

<textarea form="myForm" name="comments"></textarea>
// टेक्स्टएरिया फॉर्म के बाहर है लेकिन myForm से जुड़ा है