HTML DOM इनपुट टाइम केवल पढ़ने योग्य संपत्ति

<घंटा/>

HTML DOM इनपुट टाइम केवल पढ़ने के लिए प्रॉपर्टी सेट/रिटर्न करता है कि इनपुट टाइम को संशोधित किया जा सकता है या नहीं।

सिंटैक्स

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

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

inputTimeObject.readOnly

सेटिंग केवल पढ़ने के लिए बूलियन वैल्यू के लिए

inputTimeObject.readOnly = booleanValue

बूलियन मान

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

booleanValue	विवरण
सच	यह परिभाषित करता है कि इनपुट समय फ़ील्ड केवल पढ़ने के लिए है।
झूठा	यह परिभाषित करता है कि इनपुट समय फ़ील्ड केवल पढ़ने के लिए नहीं है और इसे संशोधित किया जा सकता है।

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>Input Time readOnly</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-readOnly</legend>
<label for="TimeSelect">Appointment with Supervisor:</label>
<input type="time" id="TimeSelect" value="12:45" readOnly>
<input type="button" onclick="changeMeeting()" value="Edit Time">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   function changeMeeting() {
      if(inputTime.readOnly === true)
         divDisplay.textContent = 'The meeting time cannot be altered';
      else
         divDisplay.textContent = 'The meeting time fixed at: '+inputTime.value;
   }
</script>
</body>
</html>

आउटपुट

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

‘समय संपादित करें’ clicking क्लिक करने से पहले बटन -

HTML DOM इनपुट टाइम केवल पढ़ने योग्य संपत्ति

‘समय संपादित करें’ clicking क्लिक करने के बाद बटन -

HTML DOM इनपुट टाइम केवल पढ़ने योग्य संपत्ति