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

HTML DOM Input Week readOnly প্রপার্টি ইনপুট উইক মডিফাই করা যাবে কিনা তা সেট বা রিটার্ন করে।

সিনট্যাক্স (Syntax)

বুলিয়ান মান পাওয়ার জন্য (Returning boolean value - true/false)

inputWeekObject.readOnly

readOnly বুলিয়ান মান সেট করার জন্য (Setting readOnly to booleanValue)

inputWeekObject.readOnly = booleanValue

বুলিয়ান মান (Boolean Values)

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

booleanValue	বিবরণ
true	ইনপুট উইক ফিল্ড রিড-অনলি (read-only) বলে সংজ্ঞায়িত করে।
false	ইনপুট উইক ফিল্ড রিড-অনলি নয় এবং মডিফাই করা যাবে বলে সংজ্ঞায়িত করে।

উদাহরণ (Example)

Input Week readOnly প্রপার্টির একটি উদাহরণ দেখুন:

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Week readOnly</title> 
<style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> 
</head> 
<body> 
<form> 
<fieldset> 
<legend>Week-readOnly</legend> 
<label for="WeekSelect">Examination Week: <input type="week" id="WeekSelect" value="2019-W36"> </label> 
<input type="button" onclick="confirmWeek()" value="Confirm Week"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputWeek = document.getElementById("WeekSelect"); 
    divDisplay.textContent = 'Week Confirmed: '+inputWeek.readOnly; 
    function confirmWeek() { 
        inputWeek.readOnly = true; 
        divDisplay.textContent = 'Week Confirmed: '+inputWeek.readOnly; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

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

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

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

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