परिचय
HTML DOM Textarea maxLength प्रॉपर्टी HTML दस्तावेज़ में टेक्स्ट एरिया एलिमेंट के maxlength एट्रिब्यूट का मान लौटाती है या संशोधित करती है। यह निर्धारित करता है कि उपयोगकर्ता टेक्स्ट एरिया में अधिकतम कितने अक्षर दर्ज कर सकता है।
सिंटैक्स
1. maxLength मान प्राप्त करना
object.maxLength
2. maxLength मान सेट करना
object.maxLength = "number"
उदाहरण
इस उदाहरण में, टेक्स्ट एरिया में maxlength="50" सेट है। जब उपयोगकर्ता "Show Maximum Length" बटन पर क्लिक करता है, तो अधिकतम अनुमत अक्षरों की संख्या प्रदर्शित होती है।
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
font-family: Arial, sans-serif;
padding: 20px;
text-align: center;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
.show {
font-size: 1.5rem;
margin: 1rem 0;
font-weight: bold;
}
</style>
<body>
<h1>DOM Textarea maxLength प्रॉपर्टी डेमो</h1>
<textarea maxlength="50">नमस्ते! मैं कुछ डमी टेक्स्ट वाला एक टेक्स्ट एरिया एलिमेंट हूँ।</textarea>
<button onclick="showMaxLength()" class="btn">अधिकतम लंबाई दिखाएं</button>
<div class="show"></div>
<script>
function showMaxLength() {
const textarea = document.querySelector("textarea");
document.querySelector('.show').innerHTML = 'उपरोक्त टेक्स्ट एरिया में अनुमत अधिकतम अक्षरों की संख्या है: ' + textarea.maxLength;
}
</script>
</body>
</html>
आउटपुट
पहले टेक्स्ट एरिया दिखाई देता है। "अधिकतम लंबाई दिखाएं" बटन पर क्लिक करने पर, टेक्स्ट एरिया के maxlength एट्रिब्यूट का मान (50) प्रदर्शित होता है।
महत्वपूर्ण बिंदु
maxLengthप्रॉपर्टी केवल पढ़ने योग्य नहीं है - इसे बदला भी जा सकता है- मान एक पूर्णांक होना चाहिए
- यदि
maxlengthएट्रिब्यूट निर्दिष्ट नहीं है, तो डिफ़ॉल्ट मान -1 होता है (कोई सीमा नहीं)
ब्राउज़र समर्थन
सभी आधुनिक ब्राउज़रों में पूर्ण समर्थन।
