HTML 기본 태그 - 폼 관련
앎/web 2014. 2. 13. 18:14 |폼은 데이터를 전송할 때 주로 사용한다.
<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 |
필드를 읽기 전용으로 지정한다. |
'앎 > web' 카테고리의 다른 글
CSS (Cascading Style Sheet) - 속성 (0) | 2014.02.17 |
---|---|
CSS (Cascading Style Sheet) - 기본 (0) | 2014.02.14 |
HTML 기본 태그 - 페이지 관련 (0) | 2014.02.13 |
HTML 기본 태그 - 표 관련 (0) | 2014.02.13 |
HTML 기본 태그 - 이미지, 사운드, 링크 (0) | 2014.02.13 |