HTML - FORM태그

<목차로 돌아가기>

폼 관련 태그
사용법
<form> 여러 태그</form>
form 관련 속성

속성	설명
name	폼 이름을 지정
method	폼 전송 방식을 지정(get,post)
action	폼 내용이 전달된다.
target	??창에 실행 결과를 보여준다.

form관련 태그

태그명	설명
<form></form>	폼 양식의 시작과 끝
<input type=text>	한 줄 입력상자
<input type=password>	*로 표시되는 비밀번호 입력상자
<input type=radio>	라디오 버튼
<input type=checkbox>	체크상자
<input type=button>	일반 버튼
<input type=image>	이미지 버튼
<input type=submit>	전송 버튼
<input type=reset>	초기화 버튼
<input type=image>	이미지 버튼
<input type=file>	파일 업로드
<input type=hidden>	숨겨진 필드
<textarea></textarea>	여러줄 입력상자
<select></select>	여러상자의 시작과 끝
<option>	목록상자에 포함될 항목 지정
<fieldset>  </fieldset>	입력요소 그룹화
<label>	태그에 대한 이름을 정의한다.

정규식
특정한 규칙을 가지고 있는 문자열을 표현하는 수식이다. 정규식은 많은 텍스트 에디터와 프로그래밍 언어에서 문자열의 검색과 치환을 위해 사용되고 있다.

식	기능	설명
.	문자	한 개의 어떤 문자와도 일치
\d	숫자	한 개의 숫자와 일치
\w	문자와 숫자	한개의 문자나 숫자와 일치
\s	공백 문자	공백, 탭, 줄 바꿈, 캐리지 리턴 문자와 일치
^	시작	패턴의 시작을 표시
$	끝	패턴의 끝을 표시
[]	문자 종류, 문자 범위	[abc]는 a 또는 b 또는 c를 나타낸다. [a-z]는 a부터 z까지 중의 하나[1-9]는 1부터 9까지 중의 하나를 나타낸다.

수량한정자(quantifier)
정규식의 표현에는 메타문자 뒤에 수량 한정자를 붙일 수 있다. 수량 한정자는 문자가 몇 번 반복되느냐를 나타낸다.

수량 한정자	기능	설명
()	문자를 그루핑한다.	"abc|adc"와 "a(b|d)c"는 같은 의미를 가진다.
*	0회 이상 반복	"a*b"는 "b", "ab", "aab", "aaab"를 나타낸다.
+	1회 이상	"a+b"는 "ab", "aab", "aaab"를 나타내지만 "b"는 포함되지 않는다.
?	0또는 1회	"a?b"는 "b", "ab"를 나타낸다.
{m}	m회	"a{3}b"는 "aaab"와 매칭된다.

GET 방식과 POST 방식

GET 방식은 URL 주소 뒤에 피라미터를 붙여서 데이터를 전달하는 방식이다. 

간단한 사용예제는 네이버에서 검색창에 꿈꾸는 느티나무를 치면 주소창에 아래와 같은 주소를 가지고 검색결과가 나온다

https://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&ie=utf8&query=꿈꾸는+느티나무

GET방식

GET 방식은 아래와 같은 URL 주소에

https://search.naver.com/search.naver

?를 기준으로 뒤에 오는 값들이 바로 피라미터(전송값)다.

https://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&ie=utf8&query=꿈꾸는+느티나무

장점
1) 뒤로가기 가능 
2) 북마크 가능

장점
1) 최대 2048글자까지 길이제한
2)보안이 안됨! 모두 다보임

POST 방식
POST 방식은 사용자가 입력한 데이터를 URL주소에 붙이지 않고 HTTP Request 헤더에 포함시켜서 전송한다.

장점
1) 길이제한이 없다.
2) 보안이 유지된다.