폼은 데이터를 전송할 때 주로 사용한다.


<form>

자신의 태그 내에 있는 데이터를 지정한 웹 경로로 전송해준다.

 속성

 설명 

 name

 한 페이지에 여러 개의 폼이 있을 수 있으므로 폼을 구분하기 위해 사용한다. 

 method

 데이터 전송하는 방식을 지정. 

 GET : 256 ~ 4096 바이트 정도의 작은 데이터 전송에 사용한다. Query String 형태. (?데이터1=값1&데이터2=값2&데이터3=값3...)

 POST : 대용량 데이터를 전송하는데 사용한다. 

 action

 폼 내의 데이터를 가지고 이동할 위치를 지정한다 (URL이나 JSP 프로그램).

 enctype

 파일 전송에 사용. 고정값으로 사용. "multipart/form-data" 


<input>

데이터를 입력 받기 위한 태그이다.

 type

 속성  

 설명

 text

 name

 필드를 구분하는 이름을 지정한다.

 

 size

 대문자 A를 기준 삼아 필드의 크기를 지정한다.

 value

 기본값을 지정한다. 텍스트

 maxlength

 필드에 입력할 수 있는 글자 수를 제한한다.

 readonly

 필드를 읽기 전용으로 지정한다.

 password

 name 

 필드를 구분하는 이름을 지정한다. 

 size

 대문자 A를 기준 삼아 필드의 크기를 지정한다.

 maxlength

 필드에 입력할 수 있는 글자 수를 제한한다.

 radio

 name 

 필드를 구분하는 이름을 지정한다.

 

 value

 데이터의 값을 지정한다. 텍스트

 checked

 현재 항목을 확인할 지를 지정한다.

 checkbox

 name

 필드를 구분하는 이름을 지정한다. 

 value

 데이터의 값을 지정한다. 텍스트

 checked

 현재 항목을 확인할 지를 지정한다.

 button

 name 

 필드의 이름을 지정한다.

 화면에서 벗어나지 않고 화면 안에서 처리하는 경우에 

 value

 버튼에 표시할 텍스트를 지정한다.

 submit

 name 

 필드의 이름을 지정한다.

 action 속성에 지정되어 있는 위치로 전송할 때 사용.  button과 같으나, 폼에 있는 내용을 전달하는 동작까지 포함한다.

 value

 버튼에 표시할 텍스트를 지정한다.

 reset

 name 

 필드의 이름을 지정한다. 폼 내의 데이터를 초기화 하는데 사용

 value

 버튼에 표시할 텍스트를 지정한다.

 hidden

 name 

 필드의 이름을 지정한다. 입력을 하지 않고 어떠한 데이터를 가지고 움직여야할 때 사용. 화면에는 보이지 않는다.

 value

 버튼에 표시할 텍스트를 지정한다. 

 file

 name 

 필드의 이름을 지정한다. 

 size

 필드의 크기를 지정한다. 숫자

 readonly

 필드를 읽기 전용으로 지정


<select>

콤보박스로 폼을 구성할 때 사용한다. multiple 속성을 사용해 여러 개 선택도 가능하다.

 속성

 설명 

 name

 필드의 이름을 지정한다. 

 size

 목록에 보여지는 항목의 개수를 지정한다

 multiple

 여러 개의 항목을 동시에 선택할 수 있도록 한다. 


<option>

select 태그가 만드는 리스트의 항목을 구성하는 태그이다.

 속성

 설명 

 value

 항목을 선택 했을 때 전송할 값을 지정한다.

 selected

 기본적으로 선택되는 항목을 지정한다. 


<textarea>

여러 줄에 걸쳐 데이터를 작성할 때 사용한다.

 속성

 설명

 name

 필드의 이름을 지정한다. 

 cols

 대문자 A를 기준으로 개수만큼 너비를 지정한다. 

 rows

 대문자 A를 기준으로 개수만큼 높이를 지정한다. 

 readonly

 필드를 읽기 전용으로 지정한다. 


Posted by 후니아부지
: