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

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

सिंटैक्स

MaxLength प्रॉपर्टी सेट करने का सिंटैक्स:

passwordObject.maxLength = integer

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

उदाहरण

MaxLength प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Search maxLength Property</h1> 
<form> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले सर्च फील्ड के लिए दर्ज किए जाने वाले अधिकतम वर्णों की संख्या बढ़ाएं</p> 
<button onclick="changeMax()">CHANGE LENGTH</button> 
<p id="Sample"></p> 
<script> 
  function changeMax() { 
    document.getElementById("SEARCH1").maxLength = "15"; 
    document.getElementById("Sample").innerHTML = "Maximum number of characters are increased to 15"; 
  } 
</script> 
</body> </html>

आउटपुट

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

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

CHANGE LENGTH पर क्लिक करने पर:

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

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

हमने पहले type="search", id="SEARCH1", name="fruits" वाला एक <input> एलिमेंट बनाया और इसका maxlength एट्रिब्यूट 5 पर सेट किया। maxlength एट्रिब्यूट निर्दिष्ट करता है कि दिए गए सर्च फील्ड में केवल 5 वर्ण हो सकते हैं। सर्च फील्ड एक फॉर्म के अंदर है।
फिर हम एक CHANGE LENGTH बटन बनाते हैं जो यूजर द्वारा क्लिक किए जाने पर changeMax() मेथड को एक्जीक्यूट करता है।
changeMax() मेथड getElementById() मेथड का उपयोग करके type search वाले इनपुट फील्ड को प्राप्त करता है और इसकी maxLength प्रॉपर्टी को 15 पर सेट करता है। फिर हम id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके एक संदेश प्रदर्शित करके इस परिवर्तन को दिखाते हैं।

function changeMax() { 
  document.getElementById("SEARCH1").maxLength = "15"; 
  document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15"; 
}