폼 처리
폼(from)은 사용자가 웹 브라우저를 통해 입력한 모든 데이터를 웹 서버로 전송하는 양식이다.
전송된 데이터에 따라 웹 서버는 다른 웹 페이지를 보여줄 수 있다.
form은 영역을 나눌 때 사용된다. form을 구성하는 태그의 종류 중 4가지를 살펴보자.
form 폼을 정의하는 태그
input 사용자가 입력할 수 있는 태그
select 항목을 선택할 수 있는 태그
textarea 여러 줄을 입력할 수 있는 태그
form 태그 <form> ... </form>
form의 최상위 태그로서, 사용자가 정보를 입력하고, 서로 전달할 때 사용하는 태그이다. 단독으로 쓰이지 않고 그 안의 속성을 이용하여 방식을 지정한다.
| 속성 | 설명 |
| action | URL설정 |
| name | 식별 이름 |
* 속성은 필수가 아닌 옵션(선택)임. 쓰지 않아도 form태그는 작동함.
input 태그 <input> ...
사용자가 텍스트 입력, 선택 등의 공간을 만드는 태그이다.
| 속성 | 속성 값 | 설명 |
| type | text | 한 줄 텍스트 |
| radio | 한 개 선택 | |
| checkbox | 다중 선택 | |
| password | 암호 | |
| file | 파일 업로드 | |
| button | 버튼 모양 | |
| reset | 폼에 입력된 값 모두 초기화 | |
| submit | 폼에 입력된 값 모두 서버 전송 | |
| name | 텍스트 | 입력 양식 식별 |
| value | 텍스트 | 초기값 |
| readonly | 읽기 전용(text) | |
| maxlength | 숫자 | 최대 입력 글자 수 |
| size | 숫자 | 입력창의 크기 |
| disabled | 입력 비활성화(button) | |
| checked | 선택 속성의 기본값 |
*submit의 경우 (나중에 배울)action 값으로 주어진 페이지까지 입력 값들을 문자열로 전송함.
select 태그 <select> <option>...</option> </select>
여러 항목의 목록 상자에서 항목을 선택하는 태그이다. option 태그가 필수이다.
-select 속성
| 속성 | 속성 값 | 설명 |
| name | 텍스트 | 목록 상자 이름 |
| size | 숫자 | 한 번에 표시할 항목 개수 |
-option 속성
| 속성 | 속성 값 | 설명 |
| value | 텍스트 | 항목 값 설정 |
textarea 태그 <textarea> ... </textarea>
| 속성 | 속성 값 | 설명 |
| name | 텍스트 | 이름 설정 |
| cols | 숫자 | 열 크기 |
| rows | 숫자 | 행 크기 |
| placeholder | 텍스트 | 입력 전 문구 |