Cách giới hạn số ký tự cho trường input text trong form HTML

Để giới hạn độ dài chuỗi nhập vào <input type="text">, dùng thuộc tính maxlength (số ký tự tối đa). Thuộc tính min/max chỉ áp dụng cho kiểu số/ngày, không áp dụng cho text.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML maxlength attribute</title>
  </head>
  <body>
    <form action="/cgi-bin/hello_get.cgi" method="get">
      Tên học sinh: <br>
      <input type="text" name="first_name" value="" maxlength="40" /> <br>
      Môn học: <br>
      <input type="text" name="last_name" value="" maxlength="30" /> <br>
      <input type="submit" value="Gửi" />
    </form>
  </body>
</html>

Mẹo: Kết hợp minlength (HTML5) để yêu cầu độ dài tối thiểu. Ví dụ: minlength="2" maxlength="40".