ENFJ 비전공자 개발스터디

HTML5 폼 태그 Form Tag GET POST 방식 본문

HTML CSS

HTML5 폼 태그 Form Tag GET POST 방식

madb 2022. 1. 18. 17:16
반응형

폼 태그(Form Tag) 웹 양식을 지원하는 태그

 

① action : 사용자가 입력한 데이터를 받아 처리

② method : 웹 서버와 클라이언트 간의 통신 방법 지정(GET 방식, POST 방식)

③ type : 폼의 모양과 기능 결정

④ name : 폼의 이름 결정

 

 

GET방식 url뒤에 파라미터를 붙여서 데이터를 전달하는 방식

사용자가 보내는 데이터는 이름과 값이 결합된 문자열 형태로 전달,

각 이름과 값의 쌍은 ‘&’ 기호로 구분

서버로 보낼 수 있는 최대 글자수는 2,048자 => 크기 제한 존재 

URL을 보면 어떤 데이터를 전송하고자 하는지 알 수 있기 때문에 보안에 취약

 

 POST방식 HTTP Request 헤더에 파라미터를 붙여서 데이터를 전송하는 방식

서버로 보낼 수 있는 글자수 제한 없음 = 크기 제한 x 

GET 방식과 비교하여 보안상 우위에 있음 - 완벽한 보안 x - SSH - 암호화 -> 열쇠 key  필요 

 

<!DOCTYPE html>
<html>
<head>
<title>Get 방식 </title>
</head>
<body>
	<h2>연락처 추가</h2>
	<form action="" method="post">
		<p>이름 : <input type="text" name="name"></p>
		<p>주소 : <input type="text" name="addr"></p>
		<p>연락처 : <input type="text" name="tel"></p>
		<p>구분 : <select name="gubun">
		<option value ="1"> 가족</option>
		<option value ="2">친구</option>
		<option value ="3">회사</option>
		<option value ="4">기타</option>
		</select>
		<p><input type="submit" name="연락처추가"></p>
	</form>
</body>
</html>
반응형
저작자표시 비영리 변경금지

'HTML CSS' 카테고리의 다른 글

CSS pseudo-classes 가상 클래스 선택자(link, visited, active, hover, text-decoration)  (0) 2022.01.21
HTML 공간 분할 연습  (0) 2022.01.20
HTML5, 태그  (0) 2022.01.17
'HTML CSS' Related Articles more