Computer >> Máy Tính >  >> Lập trình >> CSS

Làm cách nào để giới hạn độ dài văn bản đầu vào bằng CSS3?


Với HTML, bạn có thể dễ dàng giới hạn độ dài đầu vào. Tuy nhiên, với CSS3, điều này sẽ không thể thực hiện được vì không thể sử dụng CSS để giới hạn số lượng ký tự đầu vào. Điều này sẽ gây ra hạn chế về chức năng.

CSS xử lý bản trình bày, tức là trang web của bạn sẽ trông như thế nào. Điều này được thực hiện với thuộc tính malength của HTML, vì nó dành cho hành vi.

Hãy xem cách thực hiện điều đó trong HTML -

Làm cách nào để giới hạn độ dài văn bản đầu vào bằng CSS3?

Ví dụ

Bạn có thể thử chạy mã sau để giới hạn độ dài văn bản đầu vào

<!DOCTYPE html>
<html>
   <head>
      <title>HTML maxlength attribute</title>
   </head>
   <body>
      <form action="">
         Student Name<br><input type="text" name="name" maxlength="20"><br><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>