HTML DOM Input Email maxLength गुणधर्म

HTML DOM Input Email maxLength गुणधर्म इनपुट ईमेल के लिए maxLength गुणधर्म को लौटाता/सेट करता है। यदि परिभाषित नहीं है तो यह गुणधर्म '-1' लौटाता है।

वाक्य रचना (Syntax)

निम्नलिखित वाक्य रचना है:

maxLength विशेषता लौटाना

inputEmailObject.maxLength

maxLength गुणधर्म को संख्या पर सेट करना

inputEmailObject.maxLength = number

उदाहरण

आइए Input Email maxLength गुणधर्म का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input Email 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="Multitech-MNC"> 
    <fieldset> 
        <legend>Email-maxLength</legend> 
        <label for="EmailSelect">कर्मचारी ईमेल: <input type="email" id="EmailSelect" placeholder="jkl@qwerty.com" maxLength="10"> </label> 
        <input type="button" onclick="logIN()" value="लॉग इन"> 
        <input type="button" onclick="changeMaxLength()" value="Maxlength बदलें"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    divDisplay.textContent = 'Maxlength: '+inputEmail.maxLength; 
    function changeMaxLength() { 
        inputEmail.maxLength += 5; 
        divDisplay.textContent = 'Maxlength: '+inputEmail.maxLength; 
    } 
    function logIN(){ 
        if(inputEmail.value !== '') 
            divDisplay.textContent = 'लॉग इन कर रहे हैं: '+inputEmail.form.id; 
        else 
            divDisplay.textContent = 'कृपया वैध ईमेल दर्ज करें'; 
    } 
</script> </body> </html>

आउटपुट

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

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

HTML DOM Input Email maxLength गुणधर्म

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

HTML DOM Input Email maxLength गुणधर्म

'लॉग इन' बटन पर क्लिक करने और ईमेल इनपुट सेट करने के बाद:

HTML DOM Input Email maxLength गुणधर्म