[HTML]<form> 태그

<form>태그란

 웹 페이지의 정보를 다른 페이지로 전송하는 역할을 한다. 때문에 서로 데이터를 주고 받으며 움직이는 웹 페이지일 경우 반들시 들어가는 요소이다.

 

 <form></form> : 입력 양식 전체를 감싸는 태그

 

 name : form의 이름, 서버로 보내질 때 이름의 값으로 데이터 전송

 

 action : form이 전송되는 서버 url 또는 html링크

  action="" 와 같이 페이지 정보가 없을 경우 자신의 페이지를 호출한다.

 

 autocomplete : 자동 완성으로 on으로 하면 form 전체에 자동 완성을 허용하게 된다.

 

 method : 전송 방법 설정. get방식과 post방식이 있다.

 설정 하지 않을 시 get 방식이 기본 값이다.

	GET 방식	POST 방식
특징	전송할 데이터(파라미터)를 URL의 정보에 붙여서 전송한다.	전송할 데이터(파라미터)를 URL에 전달하지 않고, 본문의 body에 붙여서 전송한다.  로그인 할 때 post방식을 사용한다.
장점	body가 필요없고, 데이터의 길이 제약이 존재하기 때문에 전송속도가 빠르다.	데이터가 주소줄(URL)로 전달되지 않아 비교적으로 보안이 우수하다.  파라미터의 길이 제약이 없다.(= 파일 업로드에 좋음)
단점	데이터의 길이 제약이 존재한다.(256byte 초과 불가)   데이터가 주소줄(URL)에 보이기 때문에 보안적으로 취약하다.	body를 생성하고 많은 양의 데이터를 전달하기 때문에 상대적으로 처리속도가 느리다.

 

 

 

<form> 태그 예시

<form name="test" action="url" method="get" autocomplete="on">

		<!-- 이곳에 하위 태그를 사용하면 된다 -->

</form>

 

 

<form>태그는 그 자체만으로는 사용자에게 기능을 제공하지 않는 추상적인 태그이다. <form>태그 안에 <input>태그, <textarea>태그 등을 활용하여야 <form>태그의 진가가 발휘되는데, 그 하위 태그들은 다른 글에서 포스팅 하겠다.