사용자가 여러가지 방식으로 데이터를 입력하여 인터랙티브(Interactive)하게 원하는 기능을 수행하게 하는데 사용된다.

	Script	[propVal=]..propName;
	HTML	propName="propVal">innerString

인수

propertyName : (속성명)

아래 속성들 중의 하나이다. 메서드들, 이벤트처리자들도 이에 준한다.

생성

form 개체는 HTML <FORM> 태그로 생성된다.

<FORM> ... </FORM>

구성

한 문서에는 여러개의 form 개체들을 가질수 있고 각 form 개체들의 집합으로 하나의 배열변수(Array) forms 개체를 구성한다. 한 문서(document)에 한개의 forms 개체를 갖을 수 있다.

document.forms,
document.forms[0], document.forms[1], ..., document.forms[n]

하나의 form 개체 속에는 여러개의 입력 필드들을 가질수 있고, form.elements 속성에 해당하는, 각 입력필드들은 같은 방식으로 elements 배열변수를 구성하며, 각 element 개체의 속성(property)들이 등록되고 관리되고, 각 element 개체에 따라 적용될 수 있는 메서드(method)와 이벤트처리자(event)를 가질 수 있다.

document.forms[n].elements
document.forms[n].elements[0], document.forms[n].elements[1], ..., document.forms[n].elements[n]

하나의 form 개체 속에 다른 form개체가 들어가는 네스팅되어서는 안된다.

인수

forms 개체나 elements 개체는 배열변수(Array)로서 같은 방식으로 인수(index)를 이용하여 저장되거나 호출된다.
첫번째 데이터의 인수는 0이고, 두번째는 1, 세번째는 2, ..., n번째는 n-1이 된다.
총 데이터의 갯수는 제일 큰 인수+1이 원칙이지만 중간에 빈 개체들을 가질 수 있다.

myVal=obj[index]; // 변수에 배열변수 값을 할당
obj[index]=myVal; // 배열변수에 값을 할당

엘레멘트(element)들

각 form개체에는 여러가지 엘레멘트를 여러개 가질수 있다.

<INPUT>	<INPUT type=button>	button
	<INPUT type=checkbox>	checkbox
	<INPUT type=radio>	radio
	<INPUT type=text>	text
	<INPUT type=password>	password
	<INPUT type=hidden>	hidden
	<INPUT type=file>	FileUpload
	<INPUT type=submit>	submit
	<INPUT type=reset>	reset
<TEXTAREA>		textArea
<SELECT>		select
	<OPTION>	Option

사용

입력폼으로 현재 문서에서 사용자가 입력한 내용으로 수집된 데이터는 가공처리를 위하여 서버에 보내질 수 있다.

특기

보안 경고 : 이 개체의 틀린 사용은 보안문제를 유발시킬 수 있다.
HTTP 프로토콜을 사용하여 forms으로 송신되는 데이터는 암호화되어 있지 않고 다른 사람이 읽을 수 있다.
HTTPS(Secure Hypertext Transfer Protocol)을 사용하여 송신하는 것이 더 좋은 보안을 제공한다.

FORM 엘레멘트는 사용차측에서 서버애 표준화된 양식으로 데이터를 송신할 수 있다. form은 INPUT or SELECT등 여러 제어를 통하여 필요한 데이터를 수집하여 송신하도록 설계되어 있다. 사용자는 form에 데이터를 입력하고 송신(submit) 단추를 클릭하면 서버에 데이터가 보내지고 서버에서는 스크립트를 통하여 이들 데이터를 처리한다.

form 전송으로 데이터가 서버에 보내지려면 각 제어 엘레멘트의 name 속성을 지정하여야 한다. form의 입력 엘레멘트들은 name이나 id 속성, 혹은 elements 컬렉션을 통하여 참조될 수 있다.

초점이 form에 주어지고 사용자가 ESC 키를 누르면 필드의 값은 이전 값으로 환원된다. 다시 ESC 키를 누르면 이 재설정(reset)되고, 초점이 form에 있으나 특정 입력필드에 없고 사용자가 ESC 키를 눌러도 form이 재설정된다.

form이 단 한개의 text 필드를 갖고 사용자가 ENTER 키를 누르면 onsubmit가 발생된다. form 개체가 검정색 테두리를 갖는 INPUT type=submit엘레멘트를 가지고 있으면 사용자가 ENTER 키를 눌러 form을 송신할 수 있다.

이 개체는 스크립트를 포함하여 IE3.0부터 적용된다.

이 엘레멘트는 블럭모드이다.

이 엘레멘트는 종료태그가 필요하다.

참조

이 개체는 (영문)HTML3.2에 정의되었고 (영문)DOM Level 1(W3C Document Object Model)에 정의되었다.

설명을 위한 예제

action 속성 IE3.02 NS2 (action="sVal"> 애트리뷰트)
⇒ form 개체가 처리를 위하여 송신되는 주소를 반환하거나 설정한다.
이메일 주소로도 'mailto:trio@trio.co.kr'식으로 송신될수 있다.

문법: .action[=sVal]

코드: document.write(oObj.action); 결과:
코드: document.forms[0].action='mailto:trio@trio.co.kr';document.write(document.forms[0].action) 결과:

elements(컬렉션) 속성 IE3.02 NS2
⇒ form 개체가 포함하는 각 엘레멘트(element)들의 elements 배열변수(Array) 개체를 반환한다.
INPUT, CHECKBOXE, RADIO, SUBMIT등 문서의 소스에 있는 순서로 배열변수에 추가되어 호출할 수 있게 해 준다.

문법: [oVal=].elements

코드: document.write(oObj.elements) 결과:
코드: document.write(oObj.elements.length) 결과:
코드: for (i=0;i<oObj.length;i++) document.write('['+i+']'+oObj[i].type+' ') 결과:

encoding 속성 IE3.02 NS2 (enctype="sVal"> 애트리뷰트)
⇒ form 개체의 문자세트 MIME(Multipurpose Internet Mail Extensions) 엔코딩을 반환하거나 설정한다.
form 개체 엘레멘트에서 수집된 데이터를 post 메서드에서 송신하는 데이터 엔코딩을 지정한다. 디폴트로는 form의 enctype 속성이나 encoding 속성을 지정하여 덮어 씌울 수 있다.
디폴트값은 application/x-www-form-urlencoded이다.

문법: .encoding[=sVal]

코드: document.write(oObj.encoding); 결과:

method 속성 IE3.02 NS2 (method="sVal"> 애트리뷰트)
⇒ form 개체에서 수집된 데이터를 서버에 보내는 방식을 반환하거나 지정한다.
디폴트인 'get'이거나, 아니면 'post' 중의 하나이다.

문법: .method[=sVal]

코드: document.write(oObj.method); 결과:
코드: document.write(document.forms[0].method) 결과:

name 속성 IE3.02 NS2 (name="sVal"> 애트리뷰트)
⇒ form 개체의 이름을 반환하거나 설정한다. 최초값은 <FORM>에서 지정한 name 값이다.

문법: .name[=Val]

코드: document.write(oObj.name); 결과:
코드: document.write(document.forms[0].name) 결과:

target 속성 IE3.02 NS2 (target="sVal"> 애트리뷰트)
⇒ form 개체가 송신하여 표현할 목표(target) 윈도우(frame)나 프레임(window)을 지정한다.

문법: .target[=sVal]

코드: document.write(oObj.target) 결과: