HTML DOM Input Hidden form প্রপার্টি

HTML DOM input hidden form প্রপার্টি HTML ডকুমেন্টে হিডেন ইনপুট ফিল্ড ধারণকারী ফর্মের রেফারেন্স ফেরত দেয়।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

object.form

উদাহরণ

HTML DOM input hidden form প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <style> 
  body{ text-align:center; background-color:#363946; color:#fff; }
  form{ margin:2.5rem auto; }
  button{ background-color:#db133a; border:none; cursor:pointer; padding:8px 16px; color:#fff; border-radius:5px; font-size:1.05rem; }
  .show{ font-weight:bold; font-size:1.4rem; } 
</style> </head> <body> 
<h1>form Property Demo</h1> 
<form id="Form 1"> 
  <fieldset> 
    <legend>Form 1</legend> 
    Here is hidden input field: <input type="hidden" class="hiddenField"> 
  </fieldset> 
</form> 
<button onclick="identify()">Identify Hidden Input Field</button> 
<p class="show"></p> 
<script> 
  function identify() { 
    var formId = document.querySelector(".hiddenField").form.id; 
    document.querySelector(".show").innerHTML = "Hi! I'm from " + formId; 
  } 
</script> </body> </html>

আউটপুট

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

HTML DOM Input Hidden form প্রপার্টি

"Identify Hidden Input Field" বাটনে ক্লিক করলে হিডেন ইনপুট ফিল্ড ধারণকারী ফর্মটি চিহ্নিত করা যাবে।

HTML DOM Input Hidden form প্রপার্টি