HTML DOM इनपुट डेटाटाइमस्थानीय आवश्यक संपत्ति

<घंटा/>

HTML DOM इनपुट डेटाटाइमलोकल आवश्यक संपत्ति निर्धारित करती है कि इनपुट डेटटाइमलोकल सेट करना अनिवार्य है या नहीं।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

बूलियन मान लौटाना - सही/गलत

inputDatetimeLocalObject.required

बूलियनवैल्यू के लिए आवश्यक सेटिंग

inputDatetimeLocalObject.required = booleanValue

बूलियन मान

यहां, “बूलियनवैल्यू” निम्नलिखित हो सकते हैं -

<थ>विवरण

booleanValue
सच	फ़ॉर्म जमा करने के लिए दिनांक समयस्थानीय फ़ील्ड सेट करना अनिवार्य है।
झूठा	यह डिफ़ॉल्ट मान है और डेटाटाइम सेट करना स्थानीय फ़ील्ड अनिवार्य नहीं है।

उदाहरण

आइए हम इनपुट डेटाटाइमलोकल आवश्यक का एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal required</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>Datetime-Local-required</legend>
<label for="datetimeLocalSelect">Examination Slot :
<input type="datetime-local" id="datetimeLocalSelect" value="" required>
</label>
<input type="button" onclick="confirmSlotBooking()" value="Confirm Slot">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
   divDisplay.textContent = 'Slot Required: '+inputDatetimeLocal.required;
   function confirmSlotBooking() {
      if(inputDatetimeLocal.value === '')
         divDisplay.textContent += ', Choose a valid Exam Slot. ';
      else
         divDisplay.textContent = 'Slot Confirmed: '+inputDatetimeLocal.required+', Your Slot: '+inputDatetimeLocal.value;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

‘कन्फर्म स्लॉट’ पर क्लिक करना बटन -

HTML DOM इनपुट डेटाटाइमस्थानीय आवश्यक संपत्ति

‘कन्फर्म स्लॉट’ . पर क्लिक करने के बाद datetimeLocal फ़ील्ड सेट के मान वाला बटन -

HTML DOM इनपुट डेटाटाइमस्थानीय आवश्यक संपत्ति