One of the most basic checks at the client side is the length of the text being inserted or submitted with the form. This is often left out, but it is one of the checks that must be done and not just at the client side. Imagine if we had no restriction on any of our inputs, a few large texts could overload the server without making much effort.
Let's create a simple HTML form that will contain a few different inputs on which we will apply some constrains:
nameinput limited to
20characters as follows:
<form> <div> <label> Name <input id="name" type="text" name="name" maxlength="20" title="Text is limited to ...