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

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

सिंटैक्स

निम्नलिखित सिंटैक्स है:

बूलियन मान प्राप्त करना - true/false

inputURLObject.readOnly

readOnly को booleanValue पर सेट करना

inputURLObject.readOnly = booleanValue

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

यहां "booleanValue" निम्नलिखित हो सकते हैं:

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

उदाहरण

आइए Input URL readOnly प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input URL 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>URL-readOnly</legend> 
        <label for="URLSelect">Contact Us : <input type="url" id="URLSelect" onclick="showErrorMsg()" value="https://www.google.com" readOnly> </label> 
        <input type="button" onclick="showMessage()" value="Copy URL"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'Above URL is read-only'; 
    function showMessage() { 
        inputURL.select(); 
        document.execCommand('copy'); 
        divDisplay.textContent = 'URL Copied: '+inputURL.value; 
    } 
    function showErrorMsg(){ 
        divDisplay.textContent +=', This cannot be edited.'; 
    } 
</script> </body> </html>

आउटपुट

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

'Copy URL' बटन पर क्लिक करने से पहले:

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

'Contact Us' URL फील्ड पर क्लिक करने पर:

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

'Copy URL' बटन पर क्लिक करने पर:

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