Input Text maxLength Property
Example
Get the maximum number of characters allowed in a specific text field:
var x = document.getElementById("myText").maxLength;
Try it Yourself »
Description
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