HTML <textarea> 태그 : 텍스트 입력 태그(Multiline Text Input)

HTML의 <textarea> 태그는 텍스트 영역을 선언하고 여러 줄의 텍스트를 입력할 때 사용합니다.
rows,cols 속성으로 라인수와 라인의 글자 길이를 지정할 수 있으며
cols 속성은 입력된 텍스트가 지정된 길이 이상 입력되면 다음줄로 자동으로 내려가고
rows 속성은 지정된 라인수 이상 넘어가면 자동 스크롤이 됩니다.

<textarea> 태그 예제

					
					
<html>
 <head>
    <title>html textarea 태그 예제샘플</title>
 </head>
 <body>
   <h1>textarea 태그의 예제샘플입니다</h1>
   <p>

      <FORM action="http://www.htmlschool.co.kr/help/sample.asp" method="post">
         <P>
         <TEXTAREA name="thetext" rows="20" cols="80">
            이곳에 자기소개를 하세요
         </TEXTAREA>
         <INPUT type="submit" value="Send"><INPUT type="reset">
         </P>
      </FORM>

</body>
</html>

					
					

[예제 결과보기및 소스코드 수정하기]

<textarea> 관련 태그


<textarea> 태그 속성

accesskey : 요소를 활성화하고 포커스/바로가기키를 지정합니다.

class : 문서의 요소를 식별합니다.

cols : 텍스트 영역 또는 프레임 세트에 열 수를 정의하는 것입니다.

dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.

disabled : 요소를 사용하지 않도록하는 것입니다.

id : 문서의 요소를 식별합니다.

lang : 요소의 내용의 언어를 지정합니다.

name : 요소에 대한 이름을 지정하는 것입니다.

readonly : 관련 요소에 데이터를 입력 할 허용 사용자에게 있습니다.

rows : 프레임의 텍스트 영역 요소와 길이 목록 (행)에 행의 수를 정의하는 것입니다.

style : 요소에 대한 인라인 스타일을 지정합니다.

tabindex : Tab 키를 사용하여 사용자가 수행하는 순서를 정의합니다.

title : 문서에 대한 제안 제목은 열 수 있습니다.

<textarea> 태그 이벤트

onfocus : 요소가 포커스를 얻을 때 스크립트가 실행됩니다.

onblur : 요소가 포커스를 잃을 때 스크립트가 실행됩니다.

onselect : 텍스트의 조각이 선택 된 곳 스크립트가 실행됩니다.

onchange : 객체의 내용이 변경될때 스크립트가 실행됩니다.

onclick : 마우스 클릭에서 스크립트가 실행됩니다.

ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.

onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.

onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.

onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.

onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.

onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.

onkeypress : 키를 누르면 스크립트가 실행됩니다.

onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.

onkeyup : 키가 누른후에 스크립트가 실행됩니다.

 


WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.

,