TIL 5. HTML의 여러가지 태그 #3(Form(2))

지난번 form과 관련된 내용 중 input의 여러 속성에 대해 알어보았습니다. 이번에는 select&option, textarea, button에 대해 알아보도록 하겠습니다.😃

select: 여러가지 옵션 중 하나를 선택할 때 사용하는 태그(option 태그와 사용)

• select의 속성중 multiple을 사용하여 다중 선택도 가능

<select name="number">
  <option value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

0 1 2

textarea: 긴 문장의 text를 작성할 때 사용

• textarea의 주요 속성(input의 속성 대부분 사용 가능)
  -. rows: 세로줄 크기
  -. cols: 가로줄 크기

<textarea rows="3" cols="20"></textarea>

button: 버튼양식 만들 때 사용, 용도에 맞게 type 지정 필요(button, submit, reset)

<button type="button">버튼</button>
<button type="submit">제출</button>
<button type="reset">다시쓰기</button>

버튼
제출
다시쓰기