HTML DOM Textarea केवल पढ़ने योग्य गुण लौटाता है और संशोधित करता है कि HTML दस्तावेज़ में टेक्स्ट क्षेत्र तत्व की सामग्री को केवल पढ़ा जाना चाहिए या नहीं।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
<मजबूत>1. केवल पढ़ने के लिए लौट रहा है
object.readOnly
<मजबूत>2. केवल पढ़ने के लिए जोड़ा जा रहा है
object.readOnly = true | false
आइए हम HTML DOM Textarea का एक उदाहरण देखें केवल पढ़ने योग्य संपत्ति -
उदाहरण
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
background: lightseagreen;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
</style>
<body>
<h1>DOM Textarea readOnly Property Demo</h1>
<textarea rows="5" cols='20' name="I'm name attribute of textarea element">
Hi! I'm a text area element with some dummy text.
</textarea>
<button onclick="set()" class="btn">Toggle Read Only</button>
<script>
function set() {
var ta = document.querySelector("textarea");
if (ta.readOnly === true) {
ta.readOnly = false;
} else {
ta.readOnly = true;
}
}
</script>
</body>
</html> आउटपुट
“केवल पढ़ने के लिए टॉगल करें . पर क्लिक करें textarea तत्व के केवल पढ़ने के लिए विशेषता के मान को टॉगल करने के लिए बटन।
