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

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

HTML DOM input month required প্রপার্টি ইনপুট মাস ফিল্ডটি ফর্ম সাবমিট করার আগে বাধ্যতামূলকভাবে পূরণ করতে হবে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।

সিনট্যাক্স

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

১. required ফেরত দেওয়া

object.required

২. required পরিবর্তন করা

object.required = true | false

উদাহরণ

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

<!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 required property Demo</h1> 
<form action=""> 
  <p>Hi, Select your month of birth?</p> 
  <input type="month" class="monthInput" required> 
  <input type="submit" onclick="checkInput()"> 
</form> 
<div class="show"></div> 
<script> 
  function checkInput() { 
    var monthInput = document.querySelector(".monthInput"); 
    if(monthInput.value === ''){ 
      document.querySelector(".show").innerHTML="Please Select"; 
    } 
  } 
</script> </body> </html>

আউটপুট

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

এখন কোনো মাস নির্বাচন না করে "Submit" বাটনে ক্লিক করলে required প্রপার্টি কীভাবে কাজ করে তা দেখতে পাবেন।