HTML 양식의 텍스트 영역에 입력되는 문자 수를 제한하는 방법은 무엇입니까?

HTML에서는 다양한 요소를 사용하여 사용자가 입력한 정보를 받아들이고 저장하는 양식을 만들 수 있습니다. 이러한 요소는 텍스트 필드(텍스트 상자), 라디오 버튼, 확인란, 드롭다운 또는 콤보 상자, 재설정 및 제출 버튼과 같은 양식 요소라고도 합니다.

TextArea는 폼에서 생성할 수 있는 요소 중 하나입니다. 텍스트 영역은 사용자가 여러 행과 열에 데이터를 입력할 수 있는 여러 줄 컨트롤로 사용됩니다.

TextArea 컨트롤은 메모, 제안, 주소 정보, 이메일 텍스트, 댓글 등을 입력하는 데 사용됩니다. 텍스트 필드는 한 줄 입력 컨트롤이고 한 줄의 데이터가 필요하기 때문에 텍스트 크기가 일반 텍스트 필드보다 큽니다.

예

기본 너비와 높이로 텍스트 영역을 생성하는 기본 HTML 코드를 이해해 봅시다.

으아악

예

원하는 텍스트 영역의 너비와 높이를 설정하려면 원하는 행과 열 수를 지정합니다. 이를 위해 태그의 행 및 열 속성을 활용할 수 있습니다. 다음은 출력과 함께 아래에 표시된 코드입니다.

으아악

텍스트 영역에 입력한 정보가 높이를 초과하면 세로 스크롤 막대가 자동으로 활성화됩니다.

NOTE - 기본적으로 텍스트 영역에는 최대 5,24,288자까지 데이터를 입력할 수 있습니다.

텍스트 영역에 입력할 수 있는 문자의 크기를 제한해야 하는 경우가 있습니다. 따라서 이 경우 maxlength 속성을 사용하여 텍스트 영역에 입력되는 문자 수를 제어할 수 있습니다.

예

사람이 자신의 경험, 기사, 연설을 입력하는 웹사이트에서는 문자 수에 일정한 제한이 있어야 한다고 가정해 보겠습니다. 따라서 웹 디자이너는 maxlength 속성을 사용하여 텍스트 영역에 입력되는 문자 수를 제한할 수 있습니다. 예를 통해 이해해 봅시다 -

으아악

이 프로그램에서는 문자 제한이 150자로만 설정되어 있는데, 이는 "150"자 이상 입력할 수 없으므로 입력이 중지된다는 의미입니다.

cols 속성이 텍스트 영역의 너비를 지정할 수 있다는 점을 위에서 논의했습니다. 즉, 최대 열 수를 입력할 수 있지만 cols 및 maxlength 속성을 태그에 함께 사용하면 cols 속성은 텍스트 영역의 너비만 설정되며 문자 수에는 제한이 없습니다. 대신 maxlength 속성이 적용되어 제한이 설정됩니다. <h2>예</h2> <p>이 코드를 사용해 볼 수 있습니다 -</p> 으아악 <p>이 속성은 텍스트 영역의 데이터 크기를 제한하는 데 유용하며 모든 브라우저에서 지원됩니다. </p>

위 내용은 HTML 양식의 텍스트 영역에 입력되는 문자 수를 제한하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!