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

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

<घंटा/>

HTML DOM फॉर्म लेंथ प्रॉपर्टी का उपयोग फॉर्म के अंदर मौजूद तत्वों की संख्या को वापस करने के लिए किया जाता है। यह केवल पढ़ने के लिए संपत्ति है।

सिंटैक्स

फॉर्म लेंथ प्रॉपर्टी का सिंटैक्स निम्नलिखित है -

ormObject.length

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
   form{
      border:2px solid blue;
      margin:2px;
      padding:4px;
   }
</style>
<script>
   function getLength() {
      var len=document.getElementById("FORM1").length ;
      document.getElementById("Sample").innerHTML = "Number of elements present inside the form are :"+len;
}
</script>
</head>
<body>
<h1>Form length property example</h1>
<form id="FORM1">
<label>User Name <input type="text" name="usrN"></label> <br>lt;br>
<label>Password <input type="password" name="pass"></label> <br><br>
<select name="Fruit">
<option value="Mango">Mango<option>
<option value="Litchi">Litchi</option>
<option value="Guava">Guava</option>
</select>
</form>
<br>
<p>Get the number of elements present in the above form by clicking the below button</p>
<button onclick="getLength()">get Length</button>
<p id="Sample"></p>
</body>
</html>

आउटपुट

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

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

"गेट लेंथ" बटन पर क्लिक करने पर -

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

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

हमने पहले id=“FORM1” के साथ एक फॉर्म बनाया है और इसमें टाइप टेक्स्ट के साथ एक इनपुट फ़ील्ड है, दूसरा “पासवर्ड” टाइप के साथ है। इसमें ड्रॉप डाउन सूची बनाने के लिए