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

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


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

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

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

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

inputEmailObject.readOnly

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

inputEmailObject.readOnly = booleanValue

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

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

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

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Email 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>Email-readOnly</legend> 
        <label for="EmailSelect">संपर्क करें: <input type="email" id="EmailSelect" onclick="showErrorMsg()" value="infoHelpDesk@MNC.com" readOnly> </label> 
        <input type="button" onclick="showMessage()" value="ईमेल आईडी कॉपी करें"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    divDisplay.textContent = 'उपरोक्त ईमेल केवल पढ़ने योग्य है'; 
    function showMessage() { 
        inputEmail.select(); 
        document.execCommand('copy'); 
        divDisplay.textContent = 'ईमेल कॉपी किया गया: '+inputEmail.value; 
    } 
    function showErrorMsg(){ 
        divDisplay.textContent +=', इसे संपादित नहीं किया जा सकता।' 
    } 
</script> </body> </html>

आउटपुट

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

'ईमेल आईडी कॉपी करें' बटन पर क्लिक करने से पहले:

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

'संपर्क करें' ईमेल फ़ील्ड पर क्लिक करने पर:

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

'ईमेल आईडी कॉपी करें' पर क्लिक करने पर:

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


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

    HTML DOM Input URL readOnly प्रॉपर्टी सेट/लौटाती है कि इनपुट URL को संशोधित किया जा सकता है या नहीं। सिंटैक्स निम्नलिखित सिंटैक्स है: बूलियन मान प्राप्त करना - true/false inputURLObject.readOnly readOnly को booleanValue पर सेट करना inputURLObject.readOnly = booleanValue बूलियन मान (Boolean Valu

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

    HTML DOM Input Week readOnly प्रॉपर्टी सेट/लौटाती है कि इनपुट वीक को संशोधित किया जा सकता है या नहीं। सिंटैक्स निम्नलिखित सिंटैक्स है: बूलियन मान प्राप्त करना - true/false inputWeekObject.readOnly readOnly को booleanValue पर सेट करना inputWeekObject.readOnly = booleanValue बूलियन मान (Boolean V

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

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