10. Navigator 객체

10.9 form elements

FORM Tag 하위에는 크게 3가지의 Tag가 존재한다. 즉, INPUT, SELECT, TEXTAREA 이제 그 세부적인 사용법과 자바스크립트로 할수있는 간단한 예제들을 보도록 하자.

text의 주요 속성 :

defaultValue	INPUT Tag에 최초로 설정된 VALUE
name	INPUT Tag의 NAME
type	INPUT Tag의 TYPE
value	INPUT Tag의 VALUE(현재값)
size	INPUT Tag의 SIZE
maxlength	INPUT Tag의 MAXLENGTH
form	INPUT Tag를 포함하고 있는 상위의 Form객체

* 현재 fm이라는 form 에 설정된 txt라는 이름을 가진 text/textarea라는 필드의 실제 내용은?
document.fm.txt.value

button / submit / reset :

name INPUT Tag의 NAME

type INPUT Tag의 TYPE

value INPUT Tag의 VALUE(현재값)

form INPUT Tag를 포함하고 있는 상위의 Form객체
password / file / hidden

이 세 개의 객체는 text와 동일하다. 즉 기본적으로 사용할 수 있는 name, type, value, defalutValue, size, maxlength를 이용할 수 있다. 중요한 차이점은 password의 경우는 화면에 *****와 같은 형태로 나타나기 때문에 value값에 접근해서 값을 가져오면 아무것도 나타나지 않는다.

password와 file은 text와 완전히 똑같은 속성을 가지고 있고, hidden의 경우에는 화면에 보이지 않기 때문에 size, maxlength속성이 없다.

textarea :

defaultValue	TEXTAREA Tag에 최초로 설정된 VALUE
name	TEXTAREA Tag의 NAME
type	TEXTAREA Tag의 TYPE
value	TEXTAREA Tag의 VALUE(현재값)
rows	TEXTAREA Tag의 높이
cols	TEXTAREA Tag의 너비
form	TEXTAREA Tag를 포함하고 있는 상위의 Form객체

checkbox :

defaultChecked	INPUT Tag에 최초로 checked속성이 지정되었는지
name	INPUT Tag의 NAME
type	INPUT Tag의 TYPE
value	INPUT Tag의 VALUE
checked	checkbox가 현재 선택된 상태인지
form	INPUT Tag를 포함하고 있는 상위의 Form객체

radio :

defaultChecked	INPUT Tag에 최초로 checked속성이 지정되었는지
name	INPUT Tag의 NAME
type	INPUT Tag의 TYPE
value	INPUT Tag의 VALUE
checked	radio가 현재 선택된 상태인지
length	radio객체 배열의 개수
form	INPUT Tag를 포함하고 있는 상위의 Form객체

* 현재 fm이라는 form에서 area라는 radio객체가 있는데 무엇이 선택되었는지 알고 싶으면?
for(var i=0;i > area.length;i++){
    if( document.fm.area[i].checked) {
       selectvalue = document.fm.area[i].value; break;
    }
}

select :

select객체는 HTML Tag에서도 보듯이 하위 속성으로 option객체를 거느리고 있다. 한꺼번에 다 보면,

length	Option Tag를 몇개나 가지고 있는지
name	SELECT Tag의 NAME
size	SELECT Tag의 SIZE
multiple	MULTIPLE인지 여부
type	muliple이 true면 "select-multiple"
selectedIndex	현재 선택된 index(0부터시작)
options[i]	OPTION Tag의 배열
options[i].index	각 Option Tag의 현재위치
options[i].text	각 Option Tag의 화면에 보이는 글자
options[i].value	각 Option Tag의 VALUE속성값
options[i].defaultSelected	초기에 selected된 상태였는지
options[i].selectedIndex	현재 선택된 index
options[i].length	각 Option Tag의

현재 fm이라는 form에 설정된 sl이라는 select객체중 선택된 문자열은?
document.fm.sl.options[document.fm.sl.selectedIndex].text

- Last Update : 2001.7.3 by Deadfire(http://www.deadfire.net)

Javascript 강좌

기 초
     - HTML문서에추가하기
     - 최초 예제
     - 함수사용하기
     - 기본 함수

문 법
     - 변 수
     - 연 산
     - 조 건 문
     - 반 복 문
     - 사용자함수

객 체
     - Object란?
     - 속성과 함수
     - 객체의 생성과사용

내장 객체
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - 기 타
     - with / delete

Event 객체

네비게이터 객체
     - 네비게이터객체구조
     - 객체 접근 방법
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements

Frame 객체

기 타
- Animation
- Audio

마치며