HTML DOM Form length প্রোপার্টি

HTML DOM Form length প্রোপার্টি ফর্মের ভিতরে কতগুলো এলিমেন্ট আছে সেটি রিটার্ন করতে ব্যবহৃত হয়। এটি একটি রিড-অনলি প্রোপার্টি।

সিনট্যাক্স

Form length প্রোপার্টির সিনট্যাক্স:

formObject.length

উদাহরণ

Form 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><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>নিচের বাটনে ক্লিক করে উপরের ফর্মে উপস্থিত এলিমেন্টের সংখ্যা পান</p> 
<button onclick="getLength()">get Length</button> 
<p id="Sample"></p> 
</body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

HTML DOM Form length প্রোপার্টি

"get Length" বাটনে ক্লিক করার পর:

HTML DOM Form length প্রোপার্টি

ব্যাখ্যা

প্রথমে id="FORM1" একটি ফর্ম তৈরি করা হয়েছে যাতে একটি টেক্সট ইনপুট ফিল্ড, একটি পাসওয়ার্ড ইনপুট ফিল্ড এবং একটি <select> এলিমেন্ট আছে ড্রপডাউন লিস্ট তৈরির জন্য। মানে ফর্ম এলিমেন্টের ভিতরে মোট তিনটি এলিমেন্ট আছে।
তারপর "get Length" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে getLength() মেথড এক্সিকিউট করবে।
getLength() ফাংশন ডকুমেন্ট অবজেক্টের getElementById() মেথড ব্যবহার করে <form> এলিমেন্টটি পায় এবং এর length প্রোপার্টির মান len ভেরিয়েবলে অ্যাসাইন করে। যেহেতু ফর্ম এলিমেন্টের ভিতরে ৩টি এলিমেন্ট আছে, তাই এটি ৩ রিটার্ন করে। এই মান প্যারাগ্রাফে (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।

function getLength() { 
    var len=document.getElementById("FORM1").length ; 
    document.getElementById("Sample").innerHTML = "Number of elements present inside the form are :" + len; 
}