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

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

HTML DOM input number disabled প্রপার্টি HTML ডকুমেন্টে type="number" ইনপুট ফিল্ডটি ডিসেবল আছে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।

সিনট্যাক্স

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

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

object.disabled

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

object.disabled = true | false

উদাহরণ

HTML DOM input number disabled প্রপার্টির উদাহরণ:

<!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; background:#B39CD0; height:100%; }
  p{ font-weight:700; font-size:1.2rem; }
  input{ width:35%; border:2px solid #fff; background-color:transparent; color:#fff; font-weight:bold; padding:8px; outline:none; }
  .btn{ background:#008B74; 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; font-weight:bold; } 
</style> </head> <body> 
<h1>DOM Input number disabled Example</h1> 
<p>Hi, Enter your day of birth</p> 
<input type="number" class="numberInput"> 
<button onclick="disEna()" class="btn">Disable/Enable</button> 
<div class="show"></div> 
<script> 
  function disEna() { 
    var numberInput = document.querySelector(".numberInput"); 
    var showMsg = document.querySelector(".show"); 
    showMsg.innerHTML =""; 
    if (numberInput.disabled === true){ 
      numberInput.disabled = false; 
      showMsg.innerHTML ="Previously, I was disabled but now I am enabled!"; 
    } else{ 
      numberInput.disabled = true; 
      showMsg.innerHTML ="Previously, I was enabled but now I am disabled!"; 
    } 
  } 
</script> </body> </html>

আউটপুট

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

"Disable/Enable" বাটনে ক্লিক করলে প্রথমে ইনপুট নাম্বার ফিল্ড ডিসেবল হবে।

আবার "Disable/Enable" বাটনে ক্লিক করলে ইনপুট নাম্বার ফিল্ড ইনএবল হবে।