Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Fieldset form प्रॉपर्टी

HTML DOM Fieldset form प्रॉपर्टी फॉर्म ऑब्जेक्ट के प्रकार का फॉर्म रेफरेंस लौटाती है। यह उस <fieldset> तत्व के लिए है जो दिए गए फॉर्म के अंदर मौजूद है। यह एक रीड-ओनली प्रॉपर्टी है। यदि निर्दिष्ट fieldset फॉर्म के अंदर मौजूद नहीं है तो null लौटाया जाता है।

सिंटैक्स

fieldset form प्रॉपर्टी के लिए सिंटैक्स:

fieldsetObject.form

उदाहरण

आइए fieldset form प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<script> 
  function formId() { 
    var field = document.getElementById("FieldSet1").form.id; 
    document.getElementById("Sample").innerHTML = "वह फॉर्म की id जिसमें fieldset तत्व मौजूद है: " + field; 
  } 
</script> </head> <body> 
<h1>नमूना FORM</h1> 
<form id="FORM1"> 
  <fieldset id="FieldSet1"> 
    <legend>उपयोगकर्ता डेटा:</legend> 
    नाम:<input type="text"><br> 
    पता:<input type="text"><br> 
    आयु:<input type="text"> 
  </fieldset> 
</form> 
<br> 
<button onclick="formId()">GET ID</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM Fieldset form प्रॉपर्टी

GET ID बटन पर क्लिक करने पर:

HTML DOM Fieldset form प्रॉपर्टी

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

  • हमने पहले id "FORM1" वाला एक <form> तत्व बनाया जिसमें id "FieldSet1" वाला एक <fieldset> तत्व है:
<form id="FORM1"> 
  <fieldset id="FieldSet1"> 
    <legend>उपयोगकर्ता डेटा:</legend> 
    नाम:<input type="text"><br> 
    पता:<input type="text"><br> 
    आयु:<input type="text"> 
  </fieldset> 
</form>
  • फिर हमने एक बटन GET ID बनाया जो यूज़र द्वारा क्लिक किए जाने पर formId() फंक्शन को एक्ज़िक्यूट करता है:
<button onclick="formId()">GET ID</button>
  • formId() फंक्शन getElementById() का उपयोग करके fieldset तत्व को प्राप्त करता है और फिर इसकी form.id प्रॉपर्टी प्राप्त करता है जो उस फॉर्म की id लौटाता है जिसमें दिया गया fieldset तत्व मौजूद है। लौटाया गया form.id मान फील्ड वेरिएबल को असाइन किया जाता है। वेरिएबल को फिर id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके इच्छित टेक्स्ट असाइन करके प्रदर्शित किया जाता है:
function formId() { 
  var field = document.getElementById("FieldSet1").form.id; 
  document.getElementById("Sample").innerHTML = "वह फॉर्म की id जिसमें fieldset तत्व मौजूद है: " + field; 
}
  1. HTML DOM Form target प्रॉपर्टी HTML DOM Form target प्रॉपर्टी

    HTML DOM Form target प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि फॉर्म डेटा सबमिट होने के बाद प्रतिक्रिया कहाँ प्रदर्शित की जानी चाहिए। यह एक नए टैब, वर्तमान टैब या एक नई विंडो में प्रदर्शित हो सकता है। फॉर्म target प्रॉपर्टी target एट्रिब्यूट मान को सेट या प्राप्त करती है। सिंटैक्स

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

    HTML DOM टेक्स्टएरिया form प्रॉपर्टी उस फॉर्म का संदर्भ लौटाती है जिसमें टेक्स्टएरिया शामिल है। सिंटैक्स object.form उदाहरण: टेक्स्टएरिया के फॉर्म की पहचान करना <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #363946; color: #fff; } form { margin:

  1. HTML DOM Object form प्रॉपर्टी HTML DOM Object form प्रॉपर्टी

    परिचय HTML DOM Object form प्रॉपर्टी <object> एलिमेंट के लिए घेरने वाले फॉर्म का रेफरेंस लौटाती है। सिंटैक्स form ऑब्जेक्ट का रेफरेंस वापस करना: ObjectElement.form उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style> form { w