Javascript Reference - HTML DOM Input Email maxLength Property

The maxLength property sets or gets the maxlength attribute of an email field.

The maxLength attribute from input email element specifies the maximum number of characters allowed in the email field. The default value is 524288.

Browser Support


`maxLength`	Yes	10.0	Yes	Yes	Yes

Syntax

Return the maxLength property.

var v = emailObject.maxLength

Set the maxLength property.

emailObject.maxLength=number

Property Values

Value	Description
number	Set the maximum number of characters allowed in the email field. Default value is 524288

Return Value

A Number type value representing the maximum number of characters allowed in the email field.

Example

The following code shows how to set the maximum number of characters allowed in an email field.


<!DOCTYPE html>
<html>
<body>
<!--from  w w w.ja v  a 2  s  .c  o  m-->
E-mail: <input type="email" id="myEmail">
<button onclick="myFunction()">test</button>
<script>
function myFunction() {
    document.getElementById("myEmail").maxLength = "8";
}
</script>
</body>
</html>

The code above is rendered as follows:

Example 2

The following code shows how to get the maximum number of characters allowed in a specific email field.


<!DOCTYPE html>
<html>
<body>
E-mail: <input type="email" id="myEmail" maxlength="30">
<button onclick="myFunction()">test</button>
<p id="demo"></p>
<script>
function myFunction() {<!--   w w  w  .  j  a  v  a2 s .c  o  m-->
    var x = document.getElementById("myEmail").maxLength;
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

The code above is rendered as follows: