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

HTML DOM Input Time required প্রপার্টি নির্ধারণ করে যে ইনপুট টাইম ফিল্ড বাধ্যতামূলকভাবে সেট করতে হবে কিনা।

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

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

inputTimeObject.required

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

inputTimeObject.required = booleanValue

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

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

booleanValue	বিবরণ
true	ফর্ম সাবমিট করার জন্য টাইম ফিল্ড বাধ্যতামূলকভাবে সেট করতে হবে।
false	ডিফল্ট মান এবং টাইম ফিল্ড সেট করা বাধ্যতামূলক নয়।

উদাহরণ (Example)

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

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

আউটপুট (Output)

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

খালি টাইম ফিল্ডে 'Fix Meeting' বাটনে ক্লিক করলে:

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

টাইম ফিল্ড সেট থাকা অবস্থায় 'Fix Meeting' বাটনে ক্লিক করলে:

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