HTML 폼 삽입하기

폼을 만드는 태그 : <form>

<form [속성="속성값"] >여러 폼 요소</form>

<form action="register.php">여러 폼 요소</form> //입력한 폼을 서버로 보내는 예씨
<form action="" autocomplete="off">여러 폼 요소</form> //자동 완성 기능 끄기

＜form＞태그는 몇 가지 속성을 사용해서 입력받은 자료를 어떤 방식으로 서버로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리할 것인지를 지정함.

아래는 ＜form＞태그의 속성 이다.

-method : 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정한다. method에서 사용할 수 있는 속성값은 get과 post다.

• get : 데이터를 256~4,096byte까지만 서버로 넘길 수 있다. 주소 표시줄에 사용자가 입력한 내용이 그대로 드러나는 단점이 있다.
• post : 입력한 내용의 길이에 제한받지 않고 사용자가 입력한 내용도 드러나지 않는다.

-name : 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정함.
-action : ＜form＞태그 안의 내용을 처리해 줄 서버 프로그램을 지정함.
-target : action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 함.
-autocomplete : 자동 완성 기능. 기본 속성값은 “on”이며 중요한 개인정보 같은 경우 “off”로 설정하는 것이 좋음.

---

폼 요소를 그룹으로 묶는 태그 : <fieldset>,<legend>

<fieldset [속성="속성값"]></fieldset>
/하나의 폼 안에서 여러 구역을 나누어 표시할 때 <fieldset>태그 사용함


<fieldset>
    <legend>그룹 이름</legend>
</fieldset>
//legend태그는 다음과 같이 <fieldset>태그로 묶은 그룹에 제목을 붙일 수 있다.

---

폼 요소에 레이블을 붙이는 태그 : <label>

＜label＞태그는 ＜input＞태그와 같은 폼 요소에 레이블을 붙일 때 사용함.
레이블이란 입력란 가까이에 아이디나 비밀번호처럼 붙여 놓은 텍스트를 말함.
＜label＞태그를 사용하면 폼 요소와 레이블 텍스트가 서로 연결되었다는 것을 웹 브라우저가 알 수 있다.

＜label＞태그는 2가지 방법으로 사용가능

1. ＜label＞태그안에 폼 요소를 넣는것
2. ＜label＞태그와 폼 요소를 따로 사용하고 ＜label＞태그의 for 속성과 폼 요소의 id 속성을 이용해 서로 연결하는 것.

<label>레이블명<input></label> 
// 1. label태그 안에 폼 요소를 넣는 방법

<label>아이디(6자 이상)<input type="text"></label> 
// 예시:<label>태그 안에 <input> 태그 넣기


-----------------------------------------------------------------------

<label for="id명">레이블명</label> <input id="id명">
// 2. <label>태그와 폼 요소를 따로 사용하고 
    <label>태그의 for속성과 폼 요소의 id속성을 이용해 서로 연결하는 방법

<label for="user-id">아이디(6자 이상)</label>
<input type="text" id="user-id">
// 예시 :아이디를 입력하는 폼 요소에 id="user-id"라고 지정한 후 
폼 요소에 연결된 <label>태그에 for="user-id"라고 입력해 폼 요소와 레이블을 연결함