HTML DOM इनपुट टेक्स्ट maxLength प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फ़ील्ड की maxlength विशेषता को सेट करने या वापस करने के लिए किया जाता है। maxLength प्रॉपर्टी टेक्स्ट फ़ील्ड में आपके द्वारा टाइप किए जा सकने वाले वर्णों की अधिकतम संख्या निर्दिष्ट करती है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैmaxLength प्रॉपर्टी सेट करना -
textObject.maxLength = integer
यहां, पूर्णांक वर्णों की अधिकतम संख्या निर्दिष्ट करता है जिसे टेक्स्ट फ़ील्ड में टाइप किया जा सकता है।
उदाहरण
आइए हम maxLength प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text maxLength Property</h1>
USERNAME: <input type="text" id="USR" maxLength="5">
<p>Increase the maximum number of characters to be entered for the above field by clicking below button</p>
<button onclick="changeMax()">CHANGE LENGTH</button>
<p id="Sample"></p>
<script>
function changeMax() {
document.getElementById("USR").maxLength = "15";
document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट का उत्पादन करेगा। हमने केवल 5 वर्णों की अनुमति दी है क्योंकि हमने अधिकतम लंबाई 5 -
. निर्धारित की है
लंबाई बदलें बटन पर क्लिक करने पर -
