Day006 폼 관련 객체들

1. 폼관련 객체 개요

객체	설명
form	Form 태그에 의해 자동생성
Text	<input type=”text”> 태그에 의해 자동생성
Password	<input type=”password”> 태그에 의해 자동생성
textAarea	<input type=”textAarea”> 태그에 의해 자동생성
File	<input type=”file”> 태그에 의해 자동생성
Radio	<input type=”radio”> 태그에 의해 자동생성
checkbox	<input type=”checkbox”> 태그에 의해 자동생성
Button	<input type=”button”> 또는 <button>태그에 의해 자동생성
Submit	<input type=”submit”> 또는 <button type=”submit> 태그에 의해 자동생성
Reset	<input type=”reset” > 또는 <button type=”submit> 태그에 의해 자동생성
Image	<input type=”image”>태그에 의해 자동생성
select	<select> 태그에 의해 자동생성

폼객체를 제외하고 나머지는 모두 폼이라는 프로퍼티를 가집니다.

2 Form 객체의 프로퍼티

프로퍼티	r/w	설명
Action	Rw	ACTION 속성을 반영
Encoding	Rw	ENCTYPE 속성을 반영
length	Rw	폼 내의 폼 요소들의 개수
Method	Rw	METHOD 속성을 반영
Name	Rw	NAME 속성을 반영
target	Rw	TARGET 속성을 반영

form의 이벤트 핸들러

onreset, onsubmit

3 text,password객체
defaultValue 와 value 초기값은 990101-로 사용자가 입력창에 990101-88888를 입력하면  디폴더값은 여전히 같은 값을 가지지만 value값은  990101-88888 스트링 값을 가지게 된다.

text, password의 이벤트 핸들러

onblur, onchange, onclick, ondbclick,onfocus,onkeydown, onketpress, onkeyup

4.textArea 객체

textArea의 이벤트 핸들러

onblur, onchange, onclick, ondbclick,onfocus,onkeydown, onketpress, onkeyup,onscroll

5.file 객체

file의 이벤트 핸들러

onblur, onchange, onclick, ondbclick,onfocus,onkeydown, onketpress, onkeyup

6 button,submit, reset, image 객체

button,submit, reset, image 의 이벤트 핸들러

onblur,onclick, ondbclick,onfocus,onmousedown,onmouseup, onmouseover,onmouseout

7.radio 객체

radio의 이벤트 핸들러

onblur,  onclick, ,onfocus

8.select,option 객체

radio의 이벤트 핸들러

onblur, onchange ,onfocus