THE WORLD'S LARGEST WEB DEVELOPER SITE

Input Text maxLength Property

❮ Input Text Object

Example

Get the maximum number of characters allowed in a specific text field:

var x = document.getElementById("myText").maxLength;

The result of x will be:

30
Try it Yourself »

Definition and Usage

The maxLength property sets or returns the value of the maxlength attribute of a text field.

The maxLength attribute specifies the maximum number of characters allowed in a text field.

Tip: To set or return the width of a text field, in number of characters, use the size property.


Browser Support

Property
maxLength Yes Yes Yes Yes Yes

Syntax

Return the maxLength property:

textObject.maxLength

Set the maxLength property:

textObject.maxLength=number

Property Values

Value Description
number Specifies the maximum number of characters allowed in the text field

Technical Details

Return Value: A Number, representing the maximum number of characters allowed in the text field

More Examples

Example

Set the maximum number of characters allowed in a text field:

document.getElementById("myText").maxLength = "4";
Try it Yourself »

Example

Jump to the next text field when a field's maxlength has been reached:

if (y.length == x.maxLength) {
    var next = x.tabIndex;
    if (next < document.getElementById("myForm").length) {
        document.getElementById("myForm").elements[next].focus();
    }
}
Try it Yourself »

Related Pages

HTML reference: HTML <input> maxlength attribute


❮ Input Text Object