Form은 서버에 데이터를 전송하기 위해 사용되는 HTML 엘레멘트이다.
form객체는 HTML문서의 form을 나타낸다. form는 사용자의 입력값의 수집을 위해 사용되며 input 엘레멘트에는 텍스트 필드(text field), 체크박스(checkbox), 라디오 버튼(radio button), 서밋 버튼(submit) 등이 있다.
또한 폼은 선택 메뉴(select menu), 텍스트 에어리어(textarea), 필드셋(fieldset), 레전드(legend), 라벨(label) 엘레멘트 등을 포함하고 있다.
form 객체의 컬렉션
|
컬렉션 |
설명 |
|
elements[] |
폼 안에 있는 모든 엘레멘트를 배열로 반환한다. |
form 객체 컬렉션 예제)
<html>
<head>
</head>
<body>
<form name="fm">
아이디:<input type="text" id="id" name="nid" />
<br />
패스워드:<input type="password" id="pw" name="nps" />
</form>
<script type="text/javascript">
// form의 입력 필드에 접근하는 방법
var fm = document.getElementById("fm");
// form에 있는 입력필드의 수
var fmlength = fm.length;
var fminput;
// form에 있는 입력필드의 속성들 출력
for ( i = 0 ; i < fmlength ; i++ ) {
fminput = fm.elements[i];
document.writｅ( fminput.name + " _ ");
document.writｅ( fminput.id + " _ ");
document.writｅ( "<br />" );
}
</script>
</body>
</html>
form 객체의 프로퍼티
|
프로퍼티 |
설명 |
|
action |
폼의 action 속성의 값을 반환 |
|
enctype |
폼의 enctype 속성의 값을 반환 |
|
length |
폼 안의 엘레멘트의 수를 반환 |
|
method |
폼의 method 속성의 값을 반환 |
|
name |
폼의 name 속성의 값을 반환 |
form 객체의 메소드
|
메소드 |
설명 |
|
reset() |
폼을 리셋(Reset)한다. |
|
submit() |
폼을 서밋(Submit) 한다. |
form 객체의 이벤트
|
이벤트 |
설명 |
|
onreset |
리셋 버튼이 클릭되었을 경우 발생 |
|
onsubmit |
서밋 버튼이 클릭되었을 경우 발생 |
'Java Script & DOM > HTML DOM' 카테고리의 다른 글
| 트리구조를 활용해 자식 노드에 접근하는 방법 (0) | 2011.01.13 |
|---|---|
| 객체에 대한 정보를 확인하는 방법 (0) | 2011.01.13 |
| 문서내에서 주어진 엘레멘트를 모두 반환하는 getElementsByTagName() (0) | 2010.12.16 |
| HTML 엘레멘트의 텍스트 노드를 가리키는 innerHTML 속성 (0) | 2010.12.16 |
| HTML DOM을 사용하여 HTML 문서의 노드에 접근하기 (0) | 2010.12.16 |