[HTML] 폼 요소 3, 폼 요소의 속성들

지난 두개의 포스팅에 걸쳐 소개했던 폼 요소의 속성들을 정리해보려 합니다. 요소에 대한 설명은 지난 포스트를 참조해 주시길 바랍니다. (ctrl+f로 폼 요소를 검색하시면 쉽게 찾으실 수 있습니다.)

---

 

<form>
action	폼 요소를 처리 할 프로그램을 결정합니다.
autocomplete	자동완성기능을 넣습니다.
method	입력된 정보를 서버에 어떻게 전송할지 결정합니다.
name	폼에 이름을 붙입니다. 폼이 여러개일 때 구분하기 위한 용도.
target	스크립트 파일을 다른위치에서 열게할 때 사용합니다

---

 

---

이 중에서 제일 마지막의 type속성은 속성값이 매우 많으며 이 속성에 따라 정보의 입력방식이 달라집니다.

<select>
size	드롭다운 리스트의 옵션 갯수를 정합니다.
multiple	여러개의 옵션을 선택할 수 있게 해줍니다.

<option>
value	옵션을 선택했을 때, 서버로 넘겨질 값을 지정합니다.
selected	리스트가 표시될 때 기본으로 선택되어 있는 값을 정합니다.

---

<textarea>
cols	텍스트 박스의 가로 너비를 지정합니다.(글자 수 단위)
rows	텍스트 박스의 세로 너비를 지정합니다.(줄 단위)
name	폼 요소를 구분하기 위한 이름을 지정합니다.

---

<button>
button	아무 기능이 없는 버튼 모양만 만들어 줍니다.
reset	필드에 입력한 내용을 초기화 해줍니다.
submit	필드에 입력한 정보를 서버로 제출합니다.

---

<progress>
max	작업 완료까지의 수치를 지정합니다. 0보다 커야합니다.
value	작업 진행 상태를 표시합니다. max값보다 작아야하고, max값이 따로 없을 때는 1.0보다 작아야합니다.

---

<meter>
min max	min은 전체 범위의 최솟값, max는 최댓값을 지정합니다.
low high	low는 value가 차지하는 값이 전체에서 낮은 편이다라고 판단하는 값을 지정하고, high는 높은 편이다라고 판단하는 값을 지정합니다.
optimum	적정 값의 범위를 지정합니다.
value	현재 차지하고 있는 값을 지정합니다.

 

 

이렇게 지난 포스트에서 알아봤던 폼 요소의 속성들을 알아 보았습니다.

다음 포스트에서는 폼 요소의 마지막인 input태그의 type속성값에 대해 알아보고 폼 요소의 정리를 마치겠습니다.