[프론트엔드][html5] 20. 입력양식태그 - form

< 입력양식태그 = 서식 > 

: 웹 페이지에서의 입력 양식을 의미한다.

 회원가입 등 사용자가 입력한 정보 등을 입력받아서 웹서버로 전송하는 일을 하고,

 전달받은 정보는 웹서버로 전송되는데 세부적인 작업은 개발자의 담당이다.

 

 

<form>

: 웹페이지에서 입력양식의 그룹이다.

  원하는 정보를 연결하여 전달받기 위한 폼양식이다.

 

form 관련 속성

- action : 폼을 전송할 서버쪽 스크립트 파일을 지정한다.

              폼 데이터가 전송되는 경로이다.

 

<form action="/test/file/login_target.php"></form>

 

- target : 서버로 제출된 내용이 열릴 위치를 명시한다.

 

<form target="_blank"></form>

 

- method : 폼을 서버에 전송할 http 메소드를 지정한다.

 

 

폼 전송방식

 

- get : 주소표시줄에 사용자가 입력한 내용이 그대로 표시된다.

(내부 길이 제한이 있고, 보안상 취약하다)

 

           

- post : 대부분의 방식에 사용되면서, 내부적으로 보이지 않게 보낸다.

(내용 길이에 제한 받지 않는다.)

 

 

 

관련 태그

- <fieldset>

 : 폼 태그 안에 관련있는 폼 요소(엘리먼트)들을 그룹화 할 때 사용한다.

 

- <legend>

 : fieldset 안에서 사용하고, 폼그룹 요소에 대한 제목을 표시한다.

  (태그를 사용하여 그룹화한 폼 엘리먼트들을 목적에 맞게 이름을 지정하는 태그이다.)

 

- <label> 

: 해당하는 폼 요소의 설명에 해당하는 태그로 "글자와 같은 성격"을 가진다.

 

 

<fieldset> 태그 안에 <legend> 로 제목을 표시하고, <label>로 폼요소의 설명을 표시한다.

 

 

 

 

 

* <input> 태그는 다음 글에서 포스팅하도록 하겠습니다.