[기초] 5 - HTML 입문

(1) 폼 (form)

• 폼(form)은 입력 글상자를 말함
• 사용자가 입력한 데이터의 처리를 자바스크립트나 서버에서 함
• 사용자가 입력한 데이터를 서버로 전송하는데 목적이 있음

(2) <form> 태그

• <form></form> 태그 사이에는 다른 <form> 태그 삽입 안 됨
• <form>의 name 속성은 한 페이지에서 중복 사용 불가
• 사용할 수 있는 속성

속성	설명	속성 값
METHOD	폼 안에 폼들을 서버로 전송하는 방법	GET. POST
NAME	폼의 이름을 지정. 한 페이지에 여러 개의 <form> 태그가 있을 경우, 폼들을 구분하는 기준
ACTION	<form> 태그 안에 내용들을 처리해 줄 줄 서버측 스크립트 파일을 지정함	URL 경로, 서버 측 스크립트

• GET 방식: 사용자의 입력을 서버측에 query_string으로 넘겨줌. 주소창에 파라미터 값이 노출되므로 보안성이 없음
• POST 방식: 사용자의 입력을 표준 입력으로 넘겨주기 때문에 입력 길이의 제한 없음. 파라미터 값이 사용자에게 보여지지 않아 보안성이 유지됨
• <form> 태그 안에 삽입되는 <input> 태그의 속성

값	설명
TEXT	텍스트를 입력할 수 있는 한 줄짜리 텍스트 필드를 삽입
PASSWORD	비밀번호를 입력할 수 있는 패스워드 필드를 삽입
HIDDEN	히든 필드를 삽입
RADIO	라디오 버튼을 삽입
CHECKBOX	체크박스를 삽입
SUBMIT	등록 버튼을 삽입
RESET	리셋 버튼을 삽입
BUTTON	버튼을 삽입
FILE	파일 검색 버튼을 삽입

• TEXT 필드의 속성: type="TEXT"

값	설명
NAME	텍스트 필드의 이름
SIZE	텍스트 필드의 길이
VALUE	입력 양식이 표시될 때, 화면에 보이는 기본 텍스트
MAXLENGTH	사용자가 텍스트 필드에 입력할 수 있는 최대 문자 개수
READONLY	텍스트 필드 작성을 허용하지 않음 (읽기 전용)