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

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

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

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

inputTimeObject.readOnly

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

inputTimeObject.readOnly = booleanValue

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

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

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

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Time 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>Time-readOnly</legend> 
<label for="TimeSelect">Appointment with Supervisor:</label> 
<input type="time" id="TimeSelect" value="12:45" readOnly> 
<input type="button" onclick="changeMeeting()" value="Edit Time"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    function changeMeeting() { 
        if(inputTime.readOnly === true) 
            divDisplay.textContent = 'The meeting time cannot be altered'; 
        else 
            divDisplay.textContent = 'The meeting time fixed at: '+inputTime.value; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Edit Time' বাটনে ক্লিক করার আগে:

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

'Edit Time' বাটনে ক্লিক করার পর:

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