html 12. form

form

 

폼은 사용자가 데이터를 입력할 수 있게 만든 것으로

'입력양식'이라고도 한다.

 

로그인창이나 검색창에서 찾아볼 수 있다.

 

폼의 동작 과정

폼의 동작과정은 다음과 같다.

 

1. 사용자가 데이터 입력

2.데이터 웹서버로 전송

3.데이터베이스에서 데이터 확인

4.결과 웹브라우저에 전송

 

<form>

 

폼을 만드는 태그이다.

<form></form>사이에 여러 폼 요소를 넣는다.

ex.

<form>

다양한 폼 요소

</form>

 

 

<fieldset>

하나의 폼 안에서 구역을 구분하여 표시할 때 사용하는 태그다.

 

<legend>

<fieldset>로 묶은 그룹에 제목을 붙이는 태그다.

 

<lable>

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

*레이블이란 입력란 가까이에 붙여 놓은 텍스트이다.

 

레이블 사용하는 방법

1.

<labe>아이디(10자 이상)<input type="text"></lable>

2.

<labe for="user-id">아이디(10자 이상)</lable>

<input type="text" id="user-id">

 

두번째 방법은 <lable>태그와 <input>태그가 떨어져 있어도

둘 사이를 쉽게 연결할 수 있다는 장점이 존재한다.