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

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

সিনট্যাক্স

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

object.form

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
body{ text-align:center; background-color:#1b203a; color:#fff; } 
form{ margin:2.5rem auto; border:1px solid #fff; padding:2rem; } 
button{ background-color:#db133a; border:none; cursor:pointer; padding:8px 16px; color:#fff; border-radius:5px; font-size:1.05rem; outline:none; } 
input{ border:none; background-color:#ffffff4a; height:1.2rem; padding:8px; color:#fff; font-weight:bold; font-size:1rem; } 
.show{ font-weight:bold; font-size:1.4rem; } 
</style> </head> <body> 
<h1>form Property Demo</h1> 
<form id="Form 1"> 
  <legend>Form 1</legend> 
  <input type="number" class="numberInput" value="12345300"> 
</form> 
<button onclick="identify()">Identify Number Input Field</button> 
<p class="show"></p> 
<script> 
function identify() { 
  var formId = document.querySelector(".numberInput").form.id; 
  document.querySelector(".show").innerHTML = "Hi! I'm from " + formId; 
} 
</script> </body> </html>

আউটপুট

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

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

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

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