HTML DOM Input Number অবজেক্ট

HTML DOM Input Number অবজেক্ট

HTML DOM input number অবজেক্ট type="number" এর সাথে <input> এলিমেন্টকে উপস্থাপন করে।

সিনট্যাক্স

ইনপুট নাম্বার অবজেক্ট তৈরির সিনট্যাক্স:

var numberInput = document.createElement("INPUT"); numberInput.setAttribute("type","number");

প্রপার্টি

Input Number অবজেক্টের প্রপার্টিসমূহ:

মেথড

Input Number অবজেক্টের মেথডসমূহ:

উদাহরণ

Input number অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <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; outline:none; } 
  .show{ font-weight:bold; font-size:1.4rem; } 
</style> <body> 
<h1>form Property Demo</h1> 
<form id="Form 1"> 
  <fieldset> 
    <legend>Form 1</legend> 
    <input type="month" class="monthInput"> 
  </fieldset> 
</form> 
<button onclick="identify()">Identify Month Input Field</button> 
<p class="show"></p> 
<script> 
  function identify() { 
    var formId = document.querySelector(".monthInput").form.id; 
    document.querySelector(".show").innerHTML = "Hi! I'm from " + formId; 
  } 
</script> </body> </html>

আউটপুট

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

"Create an input number field" বাটনে ক্লিক করলে একটি নাম্বার ইনপুট ফিল্ড তৈরি হবে।