10. Navigator 객체


10.9 form elements

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

  • text의 주요 속성 :

    defaultValueINPUT Tag에 최초로 설정된 VALUE
    nameINPUT Tag의 NAME
    typeINPUT Tag의 TYPE
    valueINPUT Tag의 VALUE(현재값)
    sizeINPUT Tag의 SIZE
    maxlengthINPUT Tag의 MAXLENGTH
    formINPUT Tag를 포함하고 있는 상위의 Form객체
    * 현재 fm이라는 form 에 설정된 txt라는 이름을 가진 text/textarea라는 필드의 실제 내용은?
    document.fm.txt.value

  • button / submit / reset :

    nameINPUT Tag의 NAME
    typeINPUT Tag의 TYPE
    valueINPUT Tag의 VALUE(현재값)
    formINPUT Tag를 포함하고 있는 상위의 Form객체


  • password / file / hidden

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

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

  • textarea :

    defaultValueTEXTAREA Tag에 최초로 설정된 VALUE
    nameTEXTAREA Tag의 NAME
    typeTEXTAREA Tag의 TYPE
    valueTEXTAREA Tag의 VALUE(현재값)
    rowsTEXTAREA Tag의 높이
    colsTEXTAREA Tag의 너비
    formTEXTAREA Tag를 포함하고 있는 상위의 Form객체


  • checkbox :

    defaultCheckedINPUT Tag에 최초로 checked속성이 지정되었는지
    nameINPUT Tag의 NAME
    typeINPUT Tag의 TYPE
    valueINPUT Tag의 VALUE
    checkedcheckbox가 현재 선택된 상태인지
    formINPUT Tag를 포함하고 있는 상위의 Form객체


  • radio :

    defaultCheckedINPUT Tag에 최초로 checked속성이 지정되었는지
    nameINPUT Tag의 NAME
    typeINPUT Tag의 TYPE
    valueINPUT Tag의 VALUE
    checkedradio가 현재 선택된 상태인지
    lengthradio객체 배열의 개수
    formINPUT 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객체를 거느리고 있다. 한꺼번에 다 보면,
    lengthOption Tag를 몇개나 가지고 있는지
    nameSELECT Tag의 NAME
    sizeSELECT Tag의 SIZE
    multipleMULTIPLE인지 여부
    typemuliple이 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 강좌
들어가기
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
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master