[HTML] 10. HTML 폼과 입력

10. HTML 폼과 입력

- HTML 폼은 다수의 다른 사용자 입력을 선택되어 사용된다.


10.1 Forms

- 폼은 폼 요소를 포함하는 영역이다.

- 폼 요소들은 폼 안에서, 정보 입력을 바라는 사용자를 허락하는 요소이다. (텍스트 필드, 텍스트 에어리어 필드, 드롭-다운 메뉴, 라디오 버튼, 체크박스, 등)

- 폼은 태그로 정의된다.

10.2 Input

- 폼태그에서 가장 많이 사용하는 것은 <input> 태그이다. 입력 형태는 타입 속성에 따라 분류된다. 일반적으로 많이 사용되는 입력 타입은 아래에 설명되어 있다.


10.3 Text Fields

- 텍스트 필드는 폼 내에서, 문자, 숫자 등의 타입을 사용하기 바랄 때 사용되곤 한다.

- 브라우저에선 이렇게 보인다.

- 폼 자체는 보여지지 않는다. 또한 일반적인 브라우저에서, 텍스트 필드는 20 문자 크기의 가로를 를 디폴트로 하고 있다.


10.4 Radio Buttons

- 라디오 버튼은 제한이 있는 선택에서 하나만 선택해야 될 때 많이 사용되어진다.

- 브라우저에선 이렇게 보인다.

- 단지, 하나의 옵션만 선택할 수 있다.


10.5 Checkboxes

- 체크박스는 제한이 있는 선택에서 하나 또는 그 이상의 옵션을 선택해야 될 때 사용되어진다.

- 브라우저에선 이렇게 보인다.



10.6 폼의 액션 속성과 보내기 버튼

- 사용자가 "보내기" 버튼을 클릭했을 때, 폼의 내용은 또 다른 파일로 보내진다. 폼의 액션 속성은 내용을 보내기 위한 곳의 파일 이름으로 정의된다. 그 파일은 종종, 입력을 받는 어떤 것의 액션 속성 내에서 정의되어진다.

- 브라우저에선 이렇게 보인다.

- 텍스트 필드 위에서 어떤 문자들을 타입핑하고, "보내기" 버튼을 클릭하면, 입력된 것은 "html_form_action.asp"라는 페이지로 보내진다. 그 페이지는 입력 받은 것을 우리에게 보일 것이다.


10.7 Form Tags