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

<घंटा/>

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

सिंटैक्स

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

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

inputURLObject.readOnly

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

inputURLObject.readOnly = booleanValue

बूलियन मान

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

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

उदाहरण

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

<!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>

आउटपुट

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

‘URL कॉपी करें’ . क्लिक करने से पहले बटन -

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

‘हमसे संपर्क करें’ . पर क्लिक करना यूआरएल फ़ील्ड -

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

‘URL कॉपी करें’ . पर क्लिक करना बटन -

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