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

एचटीएमएल डोम फॉर्म संपत्ति का चयन करें


HTML DOM सेलेक्ट फॉर्म प्रॉपर्टी ड्रॉप-डाउन सूची वाले फॉर्म का संदर्भ देता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

object.form

उदाहरण

आइए HTML DOM सेलेक्ट फॉर्म प्रॉपर्टी का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
      background-color:#363946;
      color:#fff;
   }
   form{
      margin:2.5rem auto;
      border:1px solid #fff;
      padding:2rem;
   }
   .drop-down{
      display:block;
      width:35%;
      border:2px solid #fff;
      font-weight:bold;
      padding:2px;
      margin:1rem auto;
      outline:none;
   }
   button{
      background-color:#db133a;
      border:none;
      cursor:pointer;
      padding:8px 16px;
      color:#fff;
      border-radius:5px;
      font-size:1.05rem;
      outline:none;
   }
   .show{
      font-weight:bold;
      font-size:1.4rem;
   }
</style>
</head>
<body>
<h1>form Property Demo</h1>
<form id="Form 1">
<legend style="font-weight:bold;">Form 1</legend>
<p>Hi, Select your favourite subject:</p>
<select class='drop-down' name="Drop Down List">
<option>Physics</option>
<option>Maths</option>
<option>Chemistry</option>
<option>English</option>
<option>Economics</option>
<option>Hindi</option>
<option>Biology</option>
</select>
</form>
<button onclick="identify()">Identify form of drop-down</button>
<p class="show"></p>
<script>
   function identify() {
      var formId = document.querySelector(".drop-down").form.id;
      document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

एचटीएमएल डोम फॉर्म संपत्ति का चयन करें

ड्रॉप-डाउन के फ़ॉर्म की पहचान करें . पर क्लिक करें ड्रॉप-डाउन सूची को संदर्भित करने वाले फॉर्म की पहचान करने के लिए बटन -

एचटीएमएल डोम फॉर्म संपत्ति का चयन करें


  1. एचटीएमएल डोम फॉर्म स्वीकार करें चारसेट संपत्ति

    HTML DOM फॉर्म एक्सेप्ट चारसेट प्रॉपर्टी एलिमेंट के एक्सेप्ट-चारसेट एट्रिब्यूट से जुड़ी है। इस गुण का उपयोग किसी प्रपत्र के एक्सेप्ट-चारसेट विशेषता मान को सेट करने और प्राप्त करने के लिए किया जाता है। यह स्ट्रिंग प्रकार में वर्ण एन्कोडिंग देता है। यदि स्वीकार-वर्णसेट मान निर्दिष्ट नहीं है तो यह UN

  1. एचटीएमएल डोम फॉर्म विधि संपत्ति

    HTML DOM फॉर्म मेथड प्रॉपर्टी फॉर्म एलिमेंट की मेथड एट्रिब्यूट से जुड़ी होती है। इस गुण का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि सर्वर पर प्रपत्र डेटा कैसे भेजा जाना चाहिए। डेटा भेजने का पता कार्रवाई विशेषता द्वारा निर्दिष्ट किया जाता है। यह गुण प्रपत्र विधि गुण मान सेट या प्राप्त करता है।

  1. एचटीएमएल डोम फॉर्म लंबाई संपत्ति

    HTML DOM फॉर्म लेंथ प्रॉपर्टी का उपयोग फॉर्म के अंदर मौजूद तत्वों की संख्या को वापस करने के लिए किया जाता है। यह केवल पढ़ने के लिए संपत्ति है। सिंटैक्स फॉर्म लेंथ प्रॉपर्टी का सिंटैक्स निम्नलिखित है - ormObject.length उदाहरण आइए फॉर्म लेंथ प्रॉपर्टी का एक उदाहरण देखें - <!DOCTYPE html> <h