Form 태그 (2)

Select

- 자식 태그에는 option을 사용합니다.

- radio, checkbox에서 사용했던 name, value를 무조건 작성해야 합니다.

- name은 select에 작성하고, value는 선택된 값을 전달해야 하기 때문에 option에 작성합니다.

<select name="skils">

  <option value="html">HTML</option>

</select>

 

---

 

Textarea

- 글을 쓸 수 있는 input과 비슷한 태그입니다.

- 길이와 높이를 조절할 수 있는 rows, col이 있습니다만, CSS에서 조절 가능하니 안써도 괜찮습니다.

- input type="text" 와 같이 placeholder, required, value 등 지정할 수 있습니다.

 

---

 

Button

- 버튼을 사용할 때는 무조건!! type을 적어야 합니다.

- type 종류: button(특정목적이 없을 때 사용), submit(제출할 때), reset(form을 새로고침하고 싶을 때)

※ type이 button인 버튼을 클릭했을 때 아무 일도 일어나지 않습니다. (브라우저 새로고침, form 새로고침 X)

※ type이 reset인 버튼을 클릭했을 때 form만 reset되고 브라우저는 새로고침되지 않습니다.

 

실습 파일01: Form/select.html

실습 파일02: Form/textarea.html

실습 파일03: Form/button.html