4-1. html form 과 관련된 태그들

1. <form>..</form>

form은 대표적으로 아이디와 비밀번호를 입력하는 form을 예로 들수있다. 

form에는 다양한 속성들이 존재한다. 

 

1️⃣ method: 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정하는것이다.

-> get과 post가 있다. 

- get : 데이터를 256 ~ 4096 byte 까지만 서버로 넘길 수 있으며, 주소 표시줄에 사용자가 입력한 내용이 그대로 드러나는 단점이 존재한다. 

- post : 입력한 내용의 길이에 제한받지 않고 사용자가 입력한 내용도 드러나지 않는다. 

 

2️⃣ name : 자바 스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정한다. 

 

3️⃣ action : <form> 태그 안의 내용을 처리해 줄 서버 프로그램을 지정한다. 

 

4️⃣ target : action 속서에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 한다. 

 

5️⃣ autocomplete 속성 : 폼에서 내용을 입력할 때 예전에 입력한 내용을 자동으로 표시해 주는 것을 자동 완성 기능이라고 한다. 

자동 완성 기능을 "on"으로 설정하면 되고, 이게 기본 속성값이다. 

ex) <form action= "" autocomplete ="on"> ... </form>

 

 

2. <fieldset> ... </fieldset>, <legend>..</legend>

하나의 폼 안에서 여러 구역으로 나누어 표시할 때 사용하는 태그가 <fieldset> 태그이다. 

그리고 <legend> 태그를 통해 fieldset의 제목을 지정해준다. 

 

3. <label>..</label>

<label> 태그는 <input> 태그와 같이 폼 요소에 레이블을 붙일 때 사용한다. 

폼 요소의 id 값을 label에 알려준다. 

이 태그를 사용하는 이유는 만약 <input> 태그가 떨어져있더라도 쉽게 연결할 수 있기 때문이다.