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

HTML DOM Input Date readOnly প্রোপার্টি


HTML DOM Input Date readOnly প্রোপার্টি সেট/রিটার্ন করে যে ইনপুট ডেট মডিফাই করা যাবে কিনা।

সিনট্যাক্স

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

  • বুলিয়ান ভ্যালু রিটার্ন - true/false
inputDateObject.readOnly
  • readOnly কে booleanValue-এ সেট করা
inputDateObject.readOnly = booleanValue

বুলিয়ান ভ্যালুগুলো

এখানে "booleanValue" নিচের موارد হতে পারে:

booleanValueবিবরণ
trueইনপুট ডেট readOnly আছে তা ডিফাইন করে।
falseইনপুট ডেট readOnly নয় এবং মডিফাই করা যাবে।

উদাহরণ

Input Date readOnly প্রোপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <title>Input Date readOnly</title> </head> <body> <form> Final Exam Date: <input type="date" id="dateSelect"> </form> <button onclick="finalizeDate()">Confirm Date</button> <div id="divDisplay"></div> <script>    var divDisplay = document.getElementById("divDisplay");    var inputDate = document.getElementById("dateSelect");    divDisplay.textContent = 'Exam Date Finalized: '+inputDate.readOnly;    function finalizeDate() {       inputDate.readOnly = true;       divDisplay.textContent = 'Exam Date: '+inputDate.value;    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট প্রডিউস করবে:

'Confirm Date' বাটনে ক্লিক করার আগে:

HTML DOM Input Date readOnly প্রোপার্টি

'Confirm Date' বাটনে ক্লিক করার পর:

HTML DOM Input Date readOnly প্রোপার্টি

  1. HTML DOM Input Search readOnly প্রোপার্টি

  2. HTML DOM ইনপুট টেক্সট readOnly প্রপার্টি

  3. HTML DOM Input Password readOnly প্রোপার্টি

  4. HTML DOM Textarea readOnly প্রপার্টি