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

HTML DOM Input URL maxLength प्रॉपर्टी इनपुट URL के लिए maxLength प्रॉपर्टी को प्राप्त/सेट करती है। यदि परिभाषित नहीं है, तो यह प्रॉपर्टी '-1' लौटाती है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

maxLength एट्रिब्यूट प्राप्त करना

inputURLObject.maxLength

maxLength प्रॉपर्टी को नंबर पर सेट करना

inputURLObject.maxLength = number

उदाहरण

आइए Input URL maxLength प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input URL maxLength</title> <style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> </head> <body> 
<form id="Google"> 
    <fieldset> 
        <legend>URL-maxLength</legend> 
        <label for="URLSelect">URL : <input type="url" id="URLSelect" maxLength="10"> </label> 
        <input type="button" onclick="logIN()" value="Log In"> 
        <input type="button" onclick="changeMaxLength()" value="Change Maxlength"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'Maxlength: '+inputURL.maxLength; 
    function changeMaxLength() { 
        inputURL.maxLength += 10; 
        divDisplay.textContent = 'Maxlength: '+inputURL.maxLength; 
    } 
    function logIN(){ 
        if(inputURL.value !== '') 
            divDisplay.textContent = 'Could not identify url, Redirecting to '+inputURL.form.id; 
    } 
</script> </body> </html>

आउटपुट

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

'Change Maxlength' बटन पर क्लिक करने से पहले:

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

'Change Maxlength' बटन पर क्लिक करने के बाद:

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

ईमेल इनपुट सेट करके 'Log In' बटन पर क्लिक करने के बाद:

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