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

HTML DOM Input Time max প্রপার্টি ইনপুট টাইমের max অ্যাট্রিবিউট ফেরত দেয় বা সেট করে।

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

স্ট্রিং মান পাওয়ার জন্য (Returning string value)

inputTimeObject.max

max স্ট্রিং মান সেট করার জন্য (Setting max to string value)

inputTimeObject.max = hh:mm:ss.ms

স্ট্রিং মান (String Values)

এখানে "hh:mm:ss.ms" নিম্নলিখিত موارد হতে পারে:

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Time max</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-max</legend> 
<label for="TimeSelect">Time Elapsed: <input type="time" id="TimeSelect" value="00:00:00" max="03:00:00"> </label> 
<input type="button" onclick="getElapsedTime()" value="Confirm"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    divDisplay.textContent = 'Max Time: '+inputTime.max; 
    function getElapsedTime() { 
        if(inputTime.value <= inputTime.max) 
            divDisplay.textContent = 'You took '+inputTime.value+' out of available '+inputTime.max; 
        else 
            divDisplay.textContent = 'You cannot exceed max time: '+inputTime.max; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

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

অবৈধ টাইম ফিল্ডে 'Confirm' বাটনে ক্লিক করলে:

বৈধ টাইম ফিল্ডে 'Confirm' বাটনে ক্লিক করলে: