Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Input DatetimeLocal readOnly गुणधर्म


HTML DOM Input DatetimeLocal readOnly गुणधर्म सेट/लौटाता है कि इनपुट डेटटाइमलोकल को संशोधित किया जा सकता है या नहीं।

वाक्य रचना (Syntax)

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

बूलियन मान लौटाना - true/false

inputDatetimeLocalObject.readOnly

readOnly को बूलियन मान पर सेट करना

inputDatetimeLocalObject.readOnly = booleanValue

बूलियन मान (Boolean Values)

यहाँ "booleanValue" निम्न हो सकता है:

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

उदाहरण

आइए Input DatetimeLocal readOnly गुणधर्म का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input DatetimeLocal 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>Datetime-Local-readOnly</legend> 
        <label for="datetimeLocalSelect">परीक्षा स्लॉट: <input type="datetime-local" id="datetimeLocalSelect" value="2019-05-23T12:45"> </label> 
        <input type="button" onclick="confirmSlotBooking()" value="स्लॉट पुष्टि करें"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputDatetimeLocal = document.getElementById("datetimeLocalSelect"); 
    divDisplay.textContent = 'स्लॉट पुष्टि: '+inputDatetimeLocal.readOnly; 
    function confirmSlotBooking() { 
        inputDatetimeLocal.readOnly = true; 
        divDisplay.textContent = 'स्लॉट पुष्टि: '+inputDatetimeLocal.readOnly+', आपका स्लॉट: '+inputDatetimeLocal.value; 
    } 
</script> </body> </html>

आउटपुट

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

'स्लॉट पुष्टि करें' बटन पर क्लिक करने से पहले:

HTML DOM Input DatetimeLocal readOnly गुणधर्म

'स्लॉट पुष्टि करें' बटन पर क्लिक करने के बाद:

HTML DOM Input DatetimeLocal readOnly गुणधर्म


  1. HTML DOM Input Text readOnly प्रॉपर्टी HTML DOM Input Text readOnly प्रॉपर्टी

    HTML DOM Input Text readOnly प्रॉपर्टी का उपयोग यह सेट या वापस करने के लिए किया जाता है कि इनपुट टेक्स्ट फील्ड रीड-ओनली है या नहीं। readOnly प्रॉपर्टी एलिमेंट को नॉन-एडिटेबल बनाती है लेकिन इसे टैब या क्लिक द्वारा अभी भी फोकस किया जा सकता है। यदि रीड-ओनली एलिमेंट के अंदर कोई डिफ़ॉल्ट मान है तो इसे सब

  1. HTML DOM Input Password readOnly प्रॉपर्टी HTML DOM Input Password readOnly प्रॉपर्टी

    HTML DOM Input Password readOnly प्रॉपर्टी का उपयोग यह सेट या प्राप्त करने के लिए किया जाता है कि इनपुट पासवर्ड फील्ड रीड-ओनली है या नहीं। ReadOnly प्रॉपर्टी एलिमेंट को नॉन-एडिटेबल बना देती है लेकिन यह अभी भी टैब या क्लिक करके फोकस किया जा सकता है। यदि रीड-ओनली एलिमेंट के अंदर कोई डिफ़ॉल्ट मान है तो

  1. HTML DOM टेक्स्टएरिया readOnly प्रॉपर्टी: केवल-पढ़ने योग्य मोड टॉगल करना HTML DOM टेक्स्टएरिया readOnly प्रॉपर्टी: केवल-पढ़ने योग्य मोड टॉगल करना

    HTML DOM टेक्स्टएरिया readOnly प्रॉपर्टी लौटाती और संशोधित करती है कि HTML दस्तावेज़ में टेक्स्ट एरिया एलिमेंट की सामग्री केवल-पढ़ने योग्य होनी चाहिए या नहीं। सिंटैक्स 1. readOnly प्राप्त करना: object.readOnly 2. readOnly सेट करना: object.readOnly = true | false उदाहरण: रीड-ओनली टॉगल करना <!DO