HTML DOM Input Date readOnly Property

HTML DOM Input Date readOnly property तय करती है कि तारीख इनपुट (type="date") केवल-पढ़ने योग्य (read-only) है या इसे संशोधित किया जा सकता है। यह boolean मान (true/false) प्राप्त या सेट करती है।

Syntax

केवल-पढ़ने योग्य स्थिति प्राप्त करना:

inputDateObject.readOnly

केवल-पढ़ने योग्य स्थिति सेट करना:

inputDateObject.readOnly = booleanValue

Boolean Values

booleanValue	विवरण
true	यह परिभाषित करता है कि तारीख इनपुट केवल-पढ़ने योग्य है
false	यह परिभाषित करता है कि तारीख इनपुट केवल-पढ़ने योग्य नहीं है और संशोधित किया जा सकता है

उदाहरण

परीक्षा तिथि को अंतिम रूप देना (read-only बनाना):

<!DOCTYPE html>
<html>
<head>
<title>Input Date readOnly</title>
</head>
<body>
<form>
  अंतिम परीक्षा तिथि: <input type="date" id="dateSelect">
</form>
<button onclick="finalizeDate()">तिथि पुष्टि करें</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDate = document.getElementById("dateSelect");
  divDisplay.textContent = 'परीक्षा तिथि अंतिम रूप दी गई: ' + inputDate.readOnly;
  function finalizeDate() {
    inputDate.readOnly = true;
    divDisplay.textContent = 'परीक्षा तिथि: ' + inputDate.value;
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में तारीख इनपुट संपादन योग्य होता है। "तिथि पुष्टि करें" बटन क्लिक करने पर यह केवल-पढ़ने योग्य हो जाता है और चयनित तिथि प्रदर्शित होती है।

मुख्य बिंदु

readOnly property boolean मान (true/false) स्वीकार करता है
HTML में readonly attribute उपस्थित होने पर डिफ़ॉल्ट रूप से true होता है
केवल-पढ़ने योग्य तारीख इनपुट फॉर्म सबमिशन में शामिल होता है (disabled के विपरीत)
उपयोगकर्ता मान नहीं बदल सकता लेकिन टैब करके फोकस कर सकता है और कॉपी कर सकता है
CSS में :read-only और :read-write pseudo-classes से स्टाइलिंग कर सकते हैं
disabled के विपरीत, readOnly फॉर्म डेटा सबमिट करता है