자바스크립트 내장객체 hidden,textarea,button,submit,reset,checkbox

hidden

폼의 히든 필드에 대한 정보를 가지고 있으며 <input type="hidden"...>을 만날 때마다 객체가 만들어진다.
hidden 객체는 웹 페이지 상에서는 보이지 않지만 <submit> 버튼을 클릭해서 폼을 서버로 넘길 때 히든 필드에서 지정한 값을 함께 넘겨주는 기능을 한다.

• HTML 구문

  <input
      type="hidden"
      name="히든 필드 이름"
      value="기본값"
  >

• 기본 형식

  (window.)document.폼명.히든 필드 이름
  (window.)document.폼 이름.elements[인덱스]
  (window.)document.forms[인덱스].히든 필드 이름
  (window.)document.forms[인덱스].elements[인덱스]

• 프로퍼티

• defaultValue
  히든 필드의 기본값을 지정한다.
• name
  히든 필드의 이름을 지정한다.
• value
  히든 필드의 값을 지정한다.

textarea

폼의 텍스트 영역에 대한 정보를 가지고 있으며 <textarea> 태그를 만날 때마다 객체가 하나씩 만들어진다.
text 객체가 텍스트 한 줄만 입력할 수 있는 반면, textarea 객체는 텍스트를 여러 줄 입력할 수 있다. 이 점만 제외하면 textarea 객체와text 객체는 모든 면에서 비슷하다.

button

폼의 버튼에 대한 정보를 가지고 있으며 <input type="button"...> 태그를 만날 때마다 하나씩 만들어진다.

• HTML 구문

  <input
          type="button" | "submit" | "reset"
          name="버튼 이름"
          value="버튼에 표시할 내용"
          onClick="처리 명령이나 함수"
  >

• 기본 형식

  (window.)document.폼 이름.버튼 이름
  (window.)document.폼 이름.elements[인덱스]
  (window.)document.forms[인덱스].버튼 이름
  (window.)document.forms[인덱스].elements[인덱스]

• 프로퍼티

• name
  버튼 요소의 이름을 지정한다. 웹 문서에 삽입된 버튼이 많을 경우 name 프로퍼티값을 이용해 버튼을 구분한다.
• value
  버튼에 표시할 내용을 지정한다.

• 메서드

• blur()
  버튼에서 포커스를 제거한다.
• click()
  버튼을 클릭한다.
• focus()
  버튼에 포커스를 지정한다.

• 이벤트 핸들러

• onBlur
  객체에서 포커스를 제거했을 때 실행할 함수를 연결한다.
• onClick
  객체를 클릭했을 때 실행할 함수를 연결한다.
• onFocus
  객체에 포커스를 지정했을 때 실행할 함수를 연결한다.

submit

폼의 submit 버튼에 대한 정보를 가지고 있으며 <input type="submit"> 태그를 만날 때마다 만들어진다.
button과 사용법이 같다.

reset

폼의 reset 버튼에 대한 정보를 가지고 있으며 <input type="reset"> 태그를 만날 때마다 만들어진다.
button과 사용법이 같다.

checkbox

폼의 체크박스에 대한 정보를 가지고 있으며 <input type="checkbox"> 태그를 만날 때마다 만들어진다.

• HTML 구문

  <input
          type="checkbox"
          name="체크박스 이름"
          value="값"
          checked
          onClick="처리 명령이나 함수"
  >

• 기본 형식

  (window.)document.폼 이름.체크박스 이름
  (window.)document.폼 이름.elements[인덱스]
  (window.)document.forms[인덱스].체크박스 이름
  (window.)document.forms[인덱스].elements[인덱스]

• 프로퍼티

• checked
  체크박스의 체크 상태를 지정한다.
• defaultChecked
  초기의 체크 상태를 지정한다.
• name
  체크 박스의 이름으로, <input> 태그의 name 속성과 같다.
• value
  체크 박스에 할당된 값으로, <input> 태그의 value 속성과 같다.

• 메서드

• click()
  버튼을 클릭한다.

• 이벤트 핸들러

• onClick
  객체를 클릭했을 때 실행할 함수를 연결한다.