[JS] 폼기반 객체로 입력 폼제어 [Form객체]

Form 객체

Document객체에 하위개체인 <form>태그로 작성된 폼에 대한 정보를 제공 각종입력양식을 포함함

document.forms[0].속성;
document.forms[0].메소드( );
첫번째폼

document.폼이름.속성;
document.폼이름.메소드;
<form name=" "> 폼의 이름으로 접근하는방법

Form 객체 속성
action : 전송된 데이터를 처리할 서버측 CGI 프로그램의 URL
elements : 폼안에 있는 입력양식(배열형태로 제공)
encoding : CGI프로그램으로 전송될 데이터 타입
method : 서버로 데이터를 전송하는 HTTP 프로토콜방식
name : 폼이름
target : 입력된 데이터를 서버로 보내고 그 처리 결과 받는 창

Form 객체 메소드
submit( ) : 입력된 데이터를 서버로 전송(확인버튼을 클릭하는 경우)
reset( ) : 입력양식을 초기화(취소버튼을 클릭하는경우)

Form 객체 이벤트처리
onSubmit( ) : 확인버튼을 클릭하거나 submit( ) 메소드가 호출되어 데이터가 전송되기 전에 발생하는 이벤트
onReset( ) : 취소버튼을 클릭하거나 reset( ) 메소드가 호출되어 입력양식이 초기화되기 전에 발생하는 이벤트