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

HTML DOM Input Month অবজেক্ট


HTML DOM Input Month অবজেক্ট

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

সিনট্যাক্স

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

var monthInput = document.createElement("INPUT"); monthInput.setAttribute("type","month");

প্রপার্টি

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

প্রপার্টিব্যাখ্যা
autocompleteমাস ইনপুট ফিল্ডের autocomplete অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
autofocusপেজ লোড হলে মাস ইনপুট ফিল্ড ফোকাস পাবে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।
disabledমাস ইনপুট ফিল্ড ডিসেবল আছে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।
defaultValueমাস ইনপুট ফিল্ডের ডিফল্ট মান ফেরত দেয় এবং পরিবর্তন করে।
formHTML ডকুমেন্টে মাস ইনপুট ফিল্ড ধারণকারী ফর্মের রেফারেন্স ফেরত দেয়।
listমাস ইনপুট ফিল্ড ধারণকারী datalist-এর রেফারেন্স ফেরত দেয়।
maxমাস ইনপুট ফিল্ডের max অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
minমাস ইনপুট ফিল্ডের min অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
nameমাস ইনপুট ফিল্ডের name অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
readOnlyমাস ইনপুট ফিল্ড রিড-অনলি আছে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।
requiredফর্ম সাবমিট করার আগে মাস ফিল্ড বাধ্যতামূলকভাবে পূরণ করতে হবে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।
stepমাস ইনপুট ফিল্ডের step অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
typeমাস ইনপুট ফিল্ডের type অ্যাট্রিবিউটের মান ফেরত দেয়।
valueমাস ইনপুট ফিল্ডের value অ্যাট্রিবিউটের কন্টেন্ট ফেরত দেয় এবং পরিবর্তন করে।

মেথড

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

মেথডব্যাখ্যা
stepUp()ইনপুট মাস ফিল্ডের মান তার প্যারামিটারে নির্দিষ্ট মান দ্বারা বাড়ায়।
stepDown()ইনপুট মাস ফিল্ডের মান তার প্যারামিটারে নির্দিষ্ট মান দ্বারা কমায়।

উদাহরণ

HTML DOM input month অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <head> <style> 
  body{ text-align:center; background-color:#fff; color:#0197F6; }
  h1{ color:#23CE6B; }
  .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } 
</style> </head> <body> 
<h1>DOM Input month Object Example</h1> 
<button onclick="createMonthField()" class="btn">Create an input month field</button> 
<script> 
  function createMonthField() { 
    var monthInput = document.createElement("INPUT"); 
    monthInput.setAttribute("type", "month"); 
    monthInput.setAttribute("value", "2019-07"); 
    document.body.appendChild(monthInput); 
  } 
</script> </body> </html>

আউটপুট

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

HTML DOM Input Month অবজেক্ট

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

HTML DOM Input Month অবজেক্ট


  1. HTML DOM li অবজেক্ট

  2. HTML DOM Input Reset অবজেক্ট

  3. HTML DOM HR অবজেক্ট

  4. HTML DOM Ul অবজেক্ট