एचटीएमएल डोम इनपुट टाइम ऑब्जेक्ट टाइप टाइम के साथ एक इनपुट एचटीएमएल तत्व का प्रतिनिधित्व करता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
एक <इनपुट> बनाना टाइप टाइम के साथ
var timeObject = document.createElement(“input”); timeObject.type = “time”;
विशेषताएं
यहां, “समय” निम्नलिखित विशेषताएं हो सकती हैं -
| विशेषताएं | विवरण |
|---|---|
| स्वतः पूर्ण | यह किसी समय फ़ील्ड की स्वतः पूर्ण विशेषता के मान को परिभाषित करता है |
| ऑटोफोकस | यह परिभाषित करता है कि क्या समय क्षेत्र को प्रारंभिक पृष्ठ लोड पर केंद्रित किया जाना चाहिए। |
| डिफ़ॉल्ट मान | यह समय फ़ील्ड का डिफ़ॉल्ट मान सेट/रिटर्न करता है |
| अक्षम | यह परिभाषित करता है कि क्या समय क्षेत्र अक्षम/सक्षम है |
| फ़ॉर्म | यह समय फ़ील्ड वाले संलग्न प्रपत्र का संदर्भ देता है |
| अधिकतम | यह समय क्षेत्र की अधिकतम विशेषता का मान लौटाता/सेट करता है |
| मिनट | यह समय क्षेत्र की न्यूनतम विशेषता का मान लौटाता/सेट करता है |
| नाम | यह एक समय क्षेत्र के नाम विशेषता के मान को परिभाषित करता है |
| केवल पढ़ने के लिए | यह परिभाषित करता है कि समय फ़ील्ड केवल पढ़ा जाता है या नहीं |
| आवश्यक | यह परिभाषित करता है कि फ़ॉर्म जमा करने के लिए समय फ़ील्ड भरना अनिवार्य है या नहीं |
| चरण | यह समय क्षेत्र की चरण विशेषता के मान को परिभाषित करता है |
| टाइप करें | यह समय क्षेत्र के प्रपत्र तत्व का प्रकार देता है |
| मान | यह किसी समय फ़ील्ड के मान विशेषता के मान को परिभाषित करता है |
तरीके
और, निम्न विधियाँ भी -
| booleanValue | विवरण |
|---|---|
| कदम नीचे | यह निर्धारित करता है कि कितने मिनट का समय क्षेत्र कम होना चाहिए। |
| स्टेपअप | यह निर्धारित करता है कि कितने मिनट समय क्षेत्र में वृद्धि होनी चाहिए। |
उदाहरण
आइए हम इनपुट समय प्रपत्र का एक उदाहरण देखें संपत्ति -
<!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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
‘कौन सी परीक्षा?’ . क्लिक करने से पहले बटन -
चेक करने के बाद ‘कौन सी परीक्षा?’ बटन -
