HTML DOM Input Time max प्रॉपर्टी

HTML DOM Input Time max प्रॉपर्टी इनपुट टाइम के max एट्रिब्यूट को प्राप्त/सेट करती है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

स्ट्रिंग मान प्राप्त करना

inputTimeObject.max

max को स्ट्रिंग मान पर सेट करना

inputTimeObject.max = hh:mm:ss.ms

स्ट्रिंग मान (String Values)

यहां "hh:mm:ss.ms" निम्नलिखित हो सकते हैं:

उदाहरण

आइए 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>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

'Confirm' बटन पर क्लिक करने से पहले:

अमान्य टाइम फील्ड के साथ 'Confirm' बटन पर क्लिक करने के बाद:

मान्य टाइम फील्ड के साथ 'Confirm' बटन पर क्लिक करने के बाद: