h26. HTML 폼 태그

HTML 폼 태그

HTML 폼 태그에 대해 다룰텐데, 다만, <input> 는 이전 장에서 다루었습니다. 

이번 장에서는 그외의 폼 태그들에 대해 설명합니다.

<select> 태그는 드롭다운 목록을 만들어줍니다. 

<option> 태그로 선택항목을 생성해 주는데, 일반적으로 맨 처음 항목이 보이게 됩니다. 

그러나 selected 속성을 입력해 주면 해당 옵션이 보이게 됩니다.

<select name="마음의 고향을 선택하세요.">
<option value="별">은하 별</option>
<option value="섬">발리 섬</option>
<option value="행성">토성 행성</option>
<option selected="selected" value="스테이션">우주 정거장</option>
</select>

은하 별 발리 섬 토성 행성 우주 정거장

---

<textarea> 태그는 텍스트 입력 영역을 만들어 주는데, 텍스트 줄바꿈이 가능한 입력 필드를 생성해 줍니다.

<textarea cols="35" name="바다의 여인" rows="10">바다의 여인 / 사월과 오월
바닷가에서 우연히 만난사람 바닷가에서 추억을 맺은 사람 손잡고 해변을 단둘이 거닐며 파도 소
리 들으며 사랑을 약속 ...</textarea>

바다의 여인 / 사월과 오월 바닷가에서 우연히 만난사람 바닷가에서 추억을 맺은 사람 손잡고 해변을 단둘이 거닐며 파도 소 리 들으며 사랑을 약속 ...

---

<button> 태그로 클릭할 수 있는 버튼을 생성합니다.

<button type="button">버튼 클릭해 주세요</button>

---

[광고] Udemy 동영상 강의로 보기