TIL 04.04

1. 마크업 과제 피드백

1. 한 섹션을 대표하는 문구에만 heading 태그를 쓰자
2. 묶인 그룹과 상관없는 내용은 aside로 빼기
3. 순서가 있는 목록은 ol li로 묶기
4. time 태그의 존재 기억해 두기
5. body 안에서 main은 하나여야 한다 (section과 article은 여러 개여도 됨)
6. div는 도저히 한 주제로 묶기 어려울 때 최후의 수단으로 쓰기

---

2. Forms(2)

1️⃣ select

드롭다운 리스트를 생성할 수 있는 태그

• multiple

  사용자가 여러개의 option 요소를 선택 가능
  단순 클릭으로는 선택되지 않으며 windows 에서는 ctrl, Mac OS 에서는 command 버튼을 누르고 클릭하면 복수 선택 가능

• size

  드롭다운 리스트에서 한번에 보여줄 수 있는 option의 개수 지정

• selected

  선택 전 기본으로 선택되어 보여지는 값을 지정할 때 사용

2️⃣ fieldset

자식 요소로 사용되는 form-control들을 그룹화

3️⃣ legend

<fieldset> 태그 바로 뒤에 위치해 폼 그룹의 목적을 나타내는 제목

4️⃣ button

type 종류

submit
: 기본값이며 서버로 양식 데이터를 제출하는 데 쓰임
submit 타입을 사용하려면 form 안에서 사용해야 함
reset
: 모든 값을 초기화

5️⃣ input vs button

input
:닫는 태그가 없기 때문에 안에 다른 태그를 넣을 수 없음
button
: 열려 있기 때문에 안에 다른 태그를 넣어서 사용할 수 있음
스타일을 다양하게 적용하기에도 더 편리함

6️⃣ textarea

cols
: 입력 창의 넓이이며 (열) 문자의 평균적인 넓이를 기준으로 생성
rows : 입력 창이 기본적으로 보여 줄 입력 줄 수 (행)

7️⃣ datalist

리스트 안에 사용자가 원하는 값이 없을 경우 사용자에게 입력받아 값을 전달