HTML DOM इनपुट सर्च मैक्सलेंथ प्रॉपर्टी का इस्तेमाल इनपुट सर्च फील्ड की मैक्सलेंथ विशेषता को सेट करने या वापस करने के लिए किया जाता है। maxLength प्रॉपर्टी किसी खोज फ़ील्ड में आपके द्वारा टाइप किए जा सकने वाले वर्णों की अधिकतम संख्या निर्दिष्ट करती है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैअधिकतम लम्बाई गुण सेट करें -
passwordObject.maxLength = 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>Increase the maximum number of characters to be entered for the above search field by clicking below button</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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज लेंथ पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले एक <इनपुट> तत्व बनाया है जिसमें टाइप ="खोज", आईडी ="सर्च 1", नाम ="फल" और इसकी अधिकतम लंबाई विशेषता 5 पर सेट है। अधिकतम लम्बाई विशेषता निर्दिष्ट करती है कि दी गई खोज में केवल 5 वर्ण हो सकते हैं खेत। खोज फ़ील्ड एक फ़ॉर्म के अंदर है -
<form> FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> </form>
फिर हम एक बटन चेंज लेंथ बनाते हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजमैक्स () विधि को निष्पादित करेगा -
<button onclick="changeMax()">CHANGE LENGTH</button>
चेंजमैक्स () मेथड टाइप सर्च के साथ इनपुट फील्ड प्राप्त करने के लिए getElementById () मेथड का उपयोग करता है और इसे maxLength प्रॉपर्टी को 15 पर सेट करता है। इसके बाद हम इसकी आंतरिक HTML प्रॉपर्टी का उपयोग करके आईडी "सैंपल" के साथ पैराग्राफ में एक संदेश प्रदर्शित करके इस बदलाव को दिखाएंगे -
function changeMax() {
document.getElementById("SEARCH1").maxLength = "15";
document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
}