How to Set a Maximum Character Limit on an HTML input Element?

You can use the maxlength attribute (which is very well-supported across different browsers) on the HTML <input> element to limit the maximum number of characters that a user can enter. For example:

<input type="text" maxlength="10" />

This would limit the user input in the <input> element to a maximum of 10 characters (as UTF-16 code units).

Please note that if no maxlength is set on the <input> element, or a non-positive integer value is set, then no maximum character limit is imposed.

This post was published by Daniyal Hamid. Daniyal currently works as the Head of Engineering in Germany and has 20+ years of experience in software engineering, design and marketing. Please show your love and support by sharing this post.