HTML DOM Input Password maxLength प्रॉपर्टी

HTML DOM Input Password maxlength प्रॉपर्टी का उपयोग इनपुट पासवर्ड फील्ड के maxlength attribute को सेट करने या लौटाने के लिए किया जाता है। maxLength प्रॉपर्टी पासवर्ड फील्ड में टाइप किए जा सकने वाले अधिकतम वर्णों की संख्या निर्दिष्ट करती है।

सिंटैक्स

maxLength प्रॉपर्टी सेट करने के लिए सिंटैक्स:

passwordObject.maxLength = integer

यहां, integer पासवर्ड फील्ड में टाइप किए जा सकने वाले अधिकतम वर्णों की संख्या निर्दिष्ट करता है।

उदाहरण

आइए maxLength फॉर्म प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Password maxLength प्रॉपर्टी</h1> 
Password: <input type="password" id="PASS" maxLength="5"> 
<p>ऊपर दिए गए फील्ड के लिए दर्ज किए जाने वाले अधिकतम वर्णों की संख्या बढ़ाने के लिए नीचे दिए गए बटन पर क्लिक करें</p> 
<button onclick="changeMax()">CHANGE LENGTH</button> 
<p id="Sample"></p> 
<script> 
  function changeMax() { 
    document.getElementById("PASS").maxLength = "15"; 
    document.getElementById("Sample").innerHTML = "अधिकतम वर्णों की संख्या अब बढ़ाकर 15 कर दी गई है"; 
  } 
</script> </body> </html>

आउटपुट

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

HTML DOM Input Password maxLength प्रॉपर्टी

CHANGE LENGTH पर क्लिक करने और अधिक वर्ण दर्ज करने पर:

HTML DOM Input Password maxLength प्रॉपर्टी

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

हमने पहले id "PASS" के साथ एक इनपुट पासवर्ड फील्ड बनाई और इसका maxLength attribute मान 5 पर सेट है। इसका मतलब है कि इस फील्ड में केवल 5 वर्ण दर्ज किए जा सकते हैं:

Password: <input type="password" id="PASS" maxLength="5">

फिर हमने एक बटन CHANGE LENGTH बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeMax() मेथड को एक्ज़िक्यूट करता है:

<button type="button" onclick="changeMax()">CHANGE LENGTH</button>

changeMax() मेथड getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट फील्ड को प्राप्त करता है और इसकी maxLength प्रॉपर्टी को 15 पर सेट करता है। फिर हम id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके एक संदेश प्रदर्शित करके इस परिवर्तन को दिखाते हैं:

function changeMax() { 
  document.getElementById("PASS").maxLength = "15"; 
  document.getElementById("Sample").innerHTML = "अधिकतम वर्णों की संख्या अब बढ़ाकर 15 कर दी गई है"; 
}