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

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 केवल पढ़ने योग्य संपत्ति


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

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

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

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

  1. एचटीएमएल डोम इनपुट पासवर्ड केवल पढ़ने के लिए संपत्ति

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