How to limit input text length using CSS3?

CSSWeb DevelopmentFront End Technology

With HTML, you can easily limit input length. However, with CSS3, it will not be possible, since CSS can’t be used to limit the number of input characters. This will cause a functional restriction.

CSS deals with presentation i.e. how your web page will look. This is done with HTML attribute malength, since it’s for behavior.

Let’s see how to do it in HTML −


You can try to run the following code to limit input text length

Live Demo

<!DOCTYPE html>
      <title>HTML maxlength attribute</title>
      <form action="">
         Student Name<br><input type="text" name="name" maxlength="20"><br><br>
         <input type="submit" value="Submit">
Published on 07-Feb-2018 13:06:43