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

HTML DOM Input Time type प्रॉपर्टी इनपुट टाइम के प्रकार को प्राप्त/सेट करती है।

सिंटैक्स

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

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

inputTimeObject.type

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

inputTimeObject.type = stringValue

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

यहां "stringValue" निम्नलिखित हो सकते हैं:

stringValue	विवरण
time	यह परिभाषित करता है कि इनपुट प्रकार टाइम है
datetime-local	यह परिभाषित करता है कि इनपुट प्रकार datetime-local है
checkbox	यह परिभाषित करता है कि इनपुट प्रकार चेकबॉक्स है
text	यह परिभाषित करता है कि इनपुट प्रकार टेक्स्ट है

उदाहरण

आइए Input Time type प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input Time type</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-type</legend> 
        <label for="TimeSelect"></label> 
        <input type="time" id="TimeSelect"> 
        <input type="button" onclick="getTypeOfInput()" value="What input is expected?"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var labelDisplay = document.querySelector("label"); 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    function getTypeOfInput() { 
        labelDisplay.textContent = 'Time: '; 
        divDisplay.textContent = 'Input of type time (hh:mm:ss.ms) is expected'; 
    } 
</script> </body> </html>

आउटपुट

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

'What input is expected?' बटन पर क्लिक करने से पहले:

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

'What input is expected?' बटन पर क्लिक करने के बाद:

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