Controls
◀ ■ ▶
지금까지는 수동적으로 보기만 하는 웹 문서들을 만들었지만, FORM을 이용하면 사용자로부터 정보를 입력받을 수가 있다. 사용자가 정보를 입력할 때 여러가지 방법을 통할 수 있는데, 각각의 방법을 control이라고 부른다.
- 단추
- 단추에는 세 가지가 있으며, BUTTON과 INPUT element를 이용해 만들 수 있다.
- Submit : 폼의 내용을 전송한다. 하나의 폼에는 한 개 이상의 Submit 단추가 있을 수 있다.
- Reset : 폼 안에 있는 모든 컨트롤을 초기값으로 되돌린다.
- Push : 스크립트와 함께 사용되어 특정한 동작을 한다.
- 체크상자
- 사용자가 마우스로 클릭하면 선택되고, 다시 클릭하면 선택이 해제된다. 동시에 두 개 이상을 선택할 수 있다. INPUT element를 이용해 만들 수 있다.
- 라디오 단추
- 체크상자와 비슷한데, 다만 한 번에 하나씩만 선택할 수 있다는 점이 다르다. 역시 INPUT element를 이용해 만들 수 있다.
-
- 여러 개의 보기 중에서 사용자가 선택할 수 있도록 한다. SELECT, OPTGROUP, OPTION element를 이용해 만들 수 있다.
- 텍스트 입력
- INPUT element를 이용하면 한 줄의 텍스트 입력란을 만들 수 있고, TEXTAREA element를 이용하면 여러 줄의 텍스트 입력란을 만들 수 있다.
- 파일 선택
- 사용자가 폼과 함께 보낼 파일을 선택할 수 있도록 한다. INPUT element를 이용해 만들 수 있다.
- 숨김 컨트롤
- 화면에는 나타나지 않지만, 서버에 폼과 함께 전송되는 데이터이다. INPUT element를 이용해 만들 수 있다.
◀ ■ ▶