HTML DOM Input Time ऑब्जेक्ट

HTML DOM Input Time ऑब्जेक्ट टाइप टाइम वाले इनपुट HTML एलिमेंट को दर्शाता है।

सिंटैक्स

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

टाइप टाइम के साथ <input> बनाना:

var timeObject = document.createElement("input"); timeObject.type = "time";

एट्रिब्यूट्स

यहां "time" के निम्नलिखित एट्रिब्यूट्स हो सकते हैं:

मेथड्स

और, निम्नलिखित मेथड्स भी:

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Time form</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 id="Physics"> 
    <fieldset> 
        <legend>Time-form</legend> 
        <label for="TimeSelect">Examination Time : <input type="time" id="TimeSelect" value="14:00" disabled> </label> 
        <input type="button" onclick="getform()" value="Which Exam?"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    function getform() { 
        divDisplay.textContent = inputTime.form.id+' exam starts from '+inputTime.value; 
    } 
</script> </body> </html>

आउटपुट

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

'Which Exam?' बटन पर क्लिक करने से पहले:

'Which Exam?' बटन चेक करने के बाद: