Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS3를 사용하여 입력 텍스트 길이를 제한하는 방법은 무엇입니까?


HTML을 사용하면 입력 길이를 쉽게 제한할 수 있습니다. 그러나 CSS3에서는 CSS를 사용하여 입력 문자 수를 제한할 수 없기 때문에 불가능합니다. 이로 인해 기능이 제한됩니다.

CSS는 프레젠테이션, 즉 웹 페이지가 어떻게 표시되는지를 다룹니다. 이것은 동작을 위한 것이므로 HTML 속성 malength로 수행됩니다.

HTML에서 수행하는 방법을 살펴보겠습니다. −

CSS3를 사용하여 입력 텍스트 길이를 제한하는 방법은 무엇입니까?

예시

다음 코드를 실행하여 입력 텍스트 길이를 제한할 수 있습니다.

<!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>