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

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

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

সিনট্যাক্স

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

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

object.required

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

object.required = true | false

উদাহরণ

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

আউটপুট

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

ইনপুট নাম্বার ফিল্ডে কোনো মান না দিয়ে "Submit" বাটনে ক্লিক করুন।