কম্পিউটার টিউটোরিয়াল

HTML DOM Input Month type প্রপার্টি


HTML DOM Input Month type প্রপার্টি

HTML DOM input month type প্রপার্টি HTML ডকুমেন্টে ইনপুট মাস ফিল্ডের type অ্যাট্রিবিউটের মান ফেরত দেয়।

সিনট্যাক্স

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

object.type

উদাহরণ

HTML DOM input month type প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <style> 
  html{ height:100%; }
  body{ text-align:center; color:#fff; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat; height:100%; }
  p{ font-weight:700; font-size:1.1rem; }
  input{ display:block; width:35%; border:2px solid #fff; background-color:transparent; color:#fff; font-weight:bold; padding:8px; margin:1rem auto; } 
  .btn{ background:#0197F6; border:none; height:2rem; border-radius:2px; width:35%; margin:2rem auto; display:block; color:#fff; outline:none; cursor:pointer; } 
  .show{ font-size:1.5rem; color:#db133a; font-weight:bold; } 
</style> </head> <body> 
<h1>DOM Input month type property Demo</h1> 
<p>Hi, Do you want to know my type value?</p> 
<input type="month" class="monthInput" required> 
<button type="button" onclick="getType()" class="btn">Click me to get value of Type</button> 
<div class="show"></div> 
<script> 
function getType() { 
  var monthInput = document.querySelector(".monthInput"); 
  document.querySelector(".show").innerHTML="type = " + monthInput.type; 
} 
</script> </body> </html>

আউটপুট

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

HTML DOM Input Month type প্রপার্টি

"Click me to get value of Type" বাটনে ক্লিক করলে উপরের ইনপুট ফিল্ডের টাইপ পাওয়া যাবে।

HTML DOM Input Month type প্রপার্টি


  1. HTML DOM Input Text type প্রপার্টি

  2. HTML DOM Input Email type প্রপার্টি

  3. HTML DOM Input Time type প্রপার্টি

  4. HTML DOM Input Week type প্রপার্টি