[개념06] GET과 POST / <form></form>

	GET	POST
	visible in the page address field get : action에 입력한 URL에 파라미터의 형태로 전송	Always use POST the form data contains sensitive or personal information 상대적으로 보안이 강하나, HTTP 패킷을 조회할 수 있으니 암호화를 하는게 좋다. post : header의 body에 포함해서 전송
ex	/action_page.php?firstname=Mickey&lastname=Mouse (Query String)	url이 아닌 HTTP 패킷에 넣어서 보냄 (HTTP 패킷의 Header가 아닌 Body 부분에 값을 넣어준다) enctype="" 인코딩 형식을 지정해 주어야 한다(GET 방식과는 다르게) enctype="application/x-www-form-urlencoded" 기본값(GET 방식과 같은 인코딩 형식)
특징	Appends form-data into the URL in name/value pairs The length of a URL is limited (2048 characters) Never use GET to send sensitive data! (will be visible in the URL) Useful for form submissions where a user wants to bookmark the result GET is better for non-secure data, like query strings in Google	POST has no size limitations, and can be used to send large amounts of data. Form submissions with POST cannot be bookmarked

 

<form>

사용자의 데이터를 서버에 전송하는 방법

<form>
속성	name	해당 폼의 이름 명시 서버로 제출된 폼 데이터를 참조하기위해 사용 자바스크립트에서 요소를 참조하기 위해 사용

<form> 태그의 name 속성은 해당 폼(form)의 이름을 명시합니다.

 

name 속성은 서버로 제출된 폼 데이터(form data)를 참조하기 위해 사용되거나, 자바스크립트에서 요소를 참조하기 위해 사용됩니다.

 

<input>

 

<input type="submit"> 과 아래와 같다

<form id="myForm" action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br><br>
  <input type="button" onclick="myFunction()" value="Submit form">
</form>

<script>
function myFunction() {
  document.getElementById("myForm").submit();
}
</script>

The submit() method submits the form (same as clicking the Submit button).