HTML DOM forms কালেকশন

HTML DOM forms কালেকশন ব্যবহার করে একটি HTML ডকুমেন্টের ভিতরে থাকা সব <form> এলিমেন্ট একটি কালেকশন হিসেবে রিটার্ন করা হয়। কালেকশনে থাকা এলিমেন্টগুলো সর্টেড থাকে এবং HTML ডকুমেন্টে যেন ড্রেন থাকে उसी ক্রমে উপস্থাপিত হয়।

প্রপার্টি

forms কালেকশনের প্রপার্টি:

মেথড

forms কালেকশনের মেথড:

সিনট্যাক্স

HTML DOM forms কালেকশনের সিনট্যাক্স:

document.forms

উদাহরণ

HTML DOM forms কালেকশনের উদাহরণ:

<!DOCTYPE html> <html> <head> 
<script> 
  function formCollect() { 
    for(var i=0;i<document.forms.length;i++){ 
      var no=document.forms[i].id+"<br>"; 
      document.getElementById("Sample").innerHTML +=no; 
    } 
  } 
</script> 
</head> 
<body> 
<h1>Forms collection example</h1> 
<form id="FORM1"> Fruit <input type="text" name="fname" value="Mango"> </form> 
<form id="FORM2"> Age <input type="text" name="Age" value="22"> </form> 
<form id="FORM3"> Password: <input type="password" name="pass" value="test"> </form> 
<br> 
<button onclick="formCollect()">GET IDS</button> 
<p id="Sample">Following are the form ids <br></p> 
</body> </html>

আউটপুট

নিচের আউটপুট তৈরি হবে:

GET IDS বাটনে ক্লিক করলে:

উপরের উদাহরণে:

প্রথমে আমরা তিনটি ফর্ম তৈরি করেছি যাদের id যথাক্রমে "FORM1", "FORM2" এবং "FORM3"। প্রথম দুটি ফর্মে টেক্সট টাইপের ইনপুট এলিমেন্ট এবং তৃতীয় ফর্মে পাসওয়ার্ড টাইপের ইনপুট এলিমেন্ট আছে:

<form id="FORM1"> Fruit <input type="text" name="fname" value="Mango" > </form> 
<form id="FORM2"> Age <input type="text" name="Age" value="22" > </form> 
<form id="FORM3"> Password: <input type="password" name="pass" value="test"> </form>

GET IDS বাটন ইউজার ক্লিক করলে formCollect() মেথড এক্সিকিউট করবে:

<button onclick="formCollect()">GET IDS</button>

formCollect() মেথড document.forms length প্রপার্টির মান (এখানে ৩) নিয়ে ফর লুপের টেস্ট এক্সপ্রেশন ব্যবহার করে। ফর্ম কালেকশনে ইন্ডেক্স নম্বর ব্যবহার করে তাদের id পায় এবং "Sample" আইডি वाले প্যারা গ্রাফে অ্যাপেন্ড করে প্রদর্শন করে:

function formCollect() { 
  for(var i=0;i<document.forms.length;i++){ 
    var no=document.forms[i].id+"<br>"; 
    document.getElementById("Sample").innerHTML +=no; 
  } 
}