반응형
자바스크립트 Textarea 객체의 뜻과 간단예제
TextArea 객체는 form 객체에서 파생된 객체로 textarea객체의 속성과 메소드, 이벤트 핸들러는 text 객체에 있는 것과 같습니다. 단지 다른 점은 textarea 객체에는 줄바꾸기 문자가 들어가 있따는 것입니다. 그렇기에 textarea 객체를 이용해서 메모장의 줄바꿈 기능과 같은 역할을 하는 간단한 문서작성기를 만들 수 있습니다.
TextArea 객체의 속성 -
속성 |
내용 |
name |
Textarea 입력 양식의 이름을 지정해준다 |
value |
입력한 값을 가지고 있다 |
defaultValue |
사용자가 입력 양식에 값을 입력하지 않았을 경우 임의로 지정해준다 |
type |
객체의 형태를 지정한다 |
TextArea 객체의 메소드 -
focus() |
입력 커서 이동할 수 있도록 한다 |
blur() |
입력 커서를 이동하고자 할 때 사용한다 |
select() |
사용자가 입력한 내용을 영역을 설정할 때 필요 |
TextArea 객체의 이벤트 핸들러 -
이벤트 핸들러 |
내용 |
onFocus |
textarea 객체 안에 존재할 때 발생 |
onBlur |
textarea 객체에서 벗어날 때 발생 |
onSelect |
문자열을 선택했을 때 발생 |
onChange |
입력한 값을 변경할 때 |
onKeyDown |
키보드를 눌렀을 때 발생 |
onKeyPress |
키보드를 눌렀을 때 발생 |
onKeyUp |
키보드를 손에서 떼었을 때 발생 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> function kebi(form) { alert(form.letter.value); } </script> </head> <body> <h2>자기 소개</h2> <form name="rabbit"> 소개 : <textarea name="letter" rows="10" cols="50"></textarea><p> <input type="button" value="클릭!" onclick="kebi(this.form)"> </form> </body> </html> | cs |
반응형
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
자바스크립트 input Text(텍스트) 객체 뜻과 간단예제 (0) | 2017.02.27 |
---|---|
자바스크립트 Select(셀렉트박스) 객체 뜻과 간단예제 (0) | 2017.02.27 |
자바스크립트 개체 제어문을 알아보자 (0) | 2016.06.25 |
자바 스크립트 예약어의 종류 (0) | 2016.06.25 |
[기초강좌] 자바스크립트의 기본 문법/변수 (0) | 2016.06.25 |