더북(TheBook)

5. form 태그 선택하기

document 객체의 forms 속성을 사용하면 모든 form 태그를 참조하는 HTMLCollection 객체가 반환됩니다. 반환된 HTMLCollection 객체를 사용해 화면에 있는 form 요소 노드를 선택할 수 있습니다.

form 태그의 name 속성값으로 form 요소 노드를 선택할 수 있습니다.

 

6. 폼 요소 선택하기

form 요소 노드의 elements 속성은 하위 노드의 폼 요소를 반환합니다. 반환된 객체를 사용해 개별 폼 요소 노드에 인덱스로 접근할 수 있습니다.

② 폼 요소의 name 속성값으로 폼 요소 노드에 바로 접근할 수 있습니다.

 

7. 폼 요소의 입력값 다루기

① 한 줄 입력 요소, 여러 줄 입력 요소는 value 속성을 참조하면 입력한 값을 가져올 수 있고, value 속성에 값을 할당하면 새로운 값을 설정할 수 있습니다.

② 체크박스 요소와 라디오버튼 요소는 checked 속성으로 체크 또는 선택 상태를 확인할 수 있고, checked 속성에 true를 할당하면 체크 또는 선택 상태를 기본으로 설정할 수 있습니다.

③ 콤보박스 요소는 selected 속성으로 항목의 선택 상태를 확인할 수 있고, selected 속성에 true를 할당하면 항목을 선택 상태로 설정할 수 있습니다.

④ 파일 업로드 요소는 FileList 객체를 사용해 요소의 값을 가져올 수 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.