그래서 당신은 텍스트 영역을 가지고있다. 이제 사용자는 텍스트를 입력할 수 있습니다. 그러나 코드를 더 추가하지 않으면 해당 텍스트는 아무 데도 가지 않거나 아무 것도 하지 않습니다. 대부분의 브라우저에서 크기를 조정할 수 있습니다 – 페이지의 요소 크기를 변경하는 데 사용할 수있는 오른쪽 모서리에있는 드래그 핸들을 알 수 있습니다. 이것은 CSS 속성 크기 조정에 의해 제어됩니다 – 크기 조정은 기본적으로 활성화되어 있지만, 없음의 크기 조정 값을 사용하여 명시적으로 비활성화 할 수 있습니다 : 자동 완성 특성이 <textarea> 요소에 지정되지 않은 경우 브라우저는 자동 완성 특성을 사용합니다. <textarea> 요소의 양식 소유자의 값입니다. 양식 소유자는 이 <textarea> 요소가 하위 요소인 요소이거나 입력 요소의 양식 특성에 의해 ID가 지정된 양식 요소입니다. 자세한 내용은 자동 완성 특성을 참조하십시오. <textarea> 대체 된 요소입니다 – 그것은 래스터 이미지와 같은 본질적인 차원을 가지고 있습니다. 기본적으로 표시 값은 차단입니다.</p> <p>다른 폼 요소에 비해 상자 모델, 글꼴, 색 구성표 등 일반 CSS를 사용하여 쉽게 다할 수 있어 비교적 스타일이 쉽습니다. 이 예제에는 각각 10자와 20의 최소 및 최대 문자 수가 있습니다. 그것을 시도하고 참조하십시오. 위의 텍스트 영역은 시작 및 끝 태그로 구성됩니다. 이러한 태그 사이에 는 textarea의 내용이 있습니다. 이 경우 “여기에 텍스트를 입력…”이라는 텍스트가 있습니다. 태그에는 일부 특성(이 경우 행, 콜및 최대길이)도 포함되어 있습니다. 이러한 특성은 이 요소에 적용할 수 있는 많은 특성 중 일부에 불과합니다. 전체 특성 목록은 <textarea> 참조하세요. 이 예제에는 자리 표시자 집합이 있습니다. 상자에 입력을 시작할 때 어떻게 사라지는지 확인합니다.</p> <p>다음 예제에서는 행과 열의 설정된 번호와 일부 기본 콘텐츠가 있는 매우 간단한 textarea를 보여 준다. HTML <textarea> 태그는 다음과 같은 추가 특성을 지원합니다 – 이 예에서 우리는 텍스트 필드를 정의하기 위해 <textarea> 사용하여 이름 속성을 사용하여이 필드에 이름을 할당 (“주석”), 행 속성을 사용하여 높이 (12 기호) 및 cols를 설정합니다. 속성이 너비(기호 35개)를 설정합니다. 이 페이지에는 HTML 문서에 텍스트 영역을 만들기 위한 코드인 HTML 텍스트 영역 코드가 포함되어 있습니다. HTML <textarea> 태그는 다중 줄 텍스트 입력 컨트롤을 정의하는 데 사용됩니다. <textarea> 요소의 유효하고 잘못된 값(예: 최소길이, 최대길이 또는 필수값으로 설정된 경계 내및 범위를 벗어나는 값)은 :valid 및 :잘못된 의사 클래스를 사용하여 강조 표시할 수 있습니다. 예를 들어 텍스트 영역이 유효지 유효하지 않은지 또는 유효하지 않은지에 따라 다른 테두리를 지정하려면 텍스트 영역 내의 텍스트에 대한 최소 및/또는 최대 길이를 지정할 수 있습니다. 이러한 특성은 사용자가 textarea 필드에 입력할 수 있는 문자 수를 제한합니다. 이 경우 textarea는 요소 내부에 둘러싸여 있으며, 이 요소는 텍스트 영역의 내용을 처리하는 서버의 페이지를 지정합니다.</p> <p>이 예제에서는 사용하여 처리 페이지를 표시합니다. 위의 예제에서는 <textarea> 여러 기능을 보여 줍니다. 첫 번째 예제에서는 접근성을 위해 <textarea> <label> 요소와 연결할 수 있도록 하는 id 특성과 양식이 있을 때 서버에 제출된 관련 데이터 요소의 이름을 설정하는 이름 특성만 있는 가장 간단한 사용을 보여 주며, 이름 특성은 제출. HTML 5에서 maxlength 특성을 사용하면 <textarea> 요소의 최대 길이를 지정할 수 있습니다. 이 특성은 이전 버전의 HTML에서 지원되지 않았습니다. HTML 양식 의 스타일 지정은 <textarea> 스타일링에 대한 몇 가지 유용한 팁을 제공합니다. <textarea> 요소는 또한 자동 완성, 자동 초점, 비활성화, 자리 표시자, readonly 및 필수와 같은 형성하는 데 공통적인 몇 가지 특성을 허용합니다. 참고: 자리 표시자만 양식에 입력해야 하는 데이터 형식의 예제를 표시하는 데 사용해야 합니다.</p> <p>입력에 연결된 적절한 <label> 요소를 대체할 수 없습니다. 전체 설명은 :입력(양식 입력) 요소의 레이블 및 자리 표시자를 참조하십시오. </p> </div> <div id="comments"> <p class="nocomments">Comments are closed.</p> <div id="send_comm"></div> </div><!-- #comments --> </div> <div class="sidebarRight"> <ul> <h2>About</h2> <p>This is the deafult sidebar, add some widgets to change it.</p> </ul> </div> <div class="clearfix"> </div> </div> <div id="footer"> <div id="foot_widgets"> </div> <div id="foot_last"> <div id="footer_copyright"> Copyright daudio.nl </div> <div id="socnet_links"> <a href="http://www.twitter.com/daudionl" target="_BLANK"><img src="http://daudio.nl/en/wp-content/themes/touchsense/images/social/twitter.png" alt="Twitter" /> </a> <a href="http://www.facebook.com/daudiospeakers" target="_BLANK"><img src="http://daudio.nl/en/wp-content/themes/touchsense/images/social/face.png" alt="Facebook" /> </a> </div> </div> </div> </div> </div> </div> <script type='text/javascript' src='http://daudio.nl/en/wp-includes/js/wp-embed.min.js?ver=4.8.12'></script> </body> </html>