How to Limit Characters in an HTML Textarea?

Find out how you can set minimum or maximum character limit on an HTML textarea

To limit the number of characters that can be added to an HTML <textarea> element, you can add the following attributes on it (as per your need):

  • minlength — to set the lower-bound limit on number of characters the user can add;
  • maxlength — to set the upper-bound limit on number of characters the user can add.

Both, minlength and maxlength attributes, are very well-supported across different browsers.

For example, to limit a <textarea> element to a minimum of 3 and a maximum of 10 characters, you would do the following:

<textarea minlength="3" maxlength="10"></textarea>

This would make the user input invalid if it's less than 3 characters long, and it would not allow the user to input more than 10 characters (specific implementation may vary in different browsers, but the general idea remains the same).

To be specific, the limit on characters is based on the number of UTF-16 code units that can be added to the <textarea> element.


Hope you found this post useful. It was published (and was last revised ). Please show your love and support by sharing this post.