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

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

HTML DOM input month readOnly প্রপার্টি HTML ডকুমেন্টে ইনপুট মাস ফিল্ডটি রিড-অনলি আছে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।

সিনট্যাক্স

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

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

object.readOnly

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

object.readOnly = true | false

উদাহরণ

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

<!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; } 
</style> </head> <body> 
<h1>DOM Input month readOnly property Demo</h1> 
<p>Hi, Select your month of birth?</p> 
<input type="month" class="monthInput"> 
<button onclick="rFunction()" class="btn">Read Only</button> 
<button onclick="rWFunction()" class="btn">Read & Write</button> 
<script> 
  function rFunction() { 
    var monthInput = document.querySelector(".monthInput"); 
    monthInput.readOnly = true; 
  } 
  function rWFunction(){ 
    var monthInput = document.querySelector(".monthInput"); 
    monthInput.readOnly = false; 
  } 
</script> </body> </html>

আউটপুট

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

এখন, মাস ইনপুট ব্যবহার করে কোনো মাস নির্বাচন করুন এবং তারপর "Read Only" বাটনে ক্লিক করুন। এখন আপনার নির্বাচন পরিবর্তন করার চেষ্টা করলে সেটি অনুমতি দিবে না।

এখন "Read & Write" বাটনে ক্লিক করুন এবং নির্বাচন পরিবর্তন করার চেষ্টা করুন। এখন আপনাকে পরিবর্তন করার অনুমতি मिलবে।