🍑 select - 폼 관련 요소
select 태그
- = dropdown 메뉴, 펼침메뉴
option
을 자식으로 넣어 여러가지 후보군을 추가할 수 있음
옵션의 자식요소로 들어가 있는 텍스트는 사용자에게 ui적으로 보여주는 값이 들어감
- 서버로는 다른 이름으로 보내고 싶다면
value
값에 입력
서버로 보낼 때는 name
필드랑 value
값을 사용해서 서버에 전송
required 속성
- 값이 없으면 제출되지 않음 (
value
=빈문자열도 값이 없기 때문에 전송안됨)
🍑 option - 폼 관련 요소
option 태그
value
값이 없다면 무조건 내부에 있는 값을 value
로 사용함
- 값이 없는 옵션을 만들고 싶다면 무조건
value=""
빈문자열로 value
값을 지정해야함 -> 그래야만 빈문자열이 전송이 되고 빈문자열은 없는 값으로 취급이 됨
selected 속성
- check box에
checked
와 비슷한 속성 selected
미리 선택되어져 있음
disabled 속성
🍑 optgroup - 폼 관련 요소
optgroup 태그
- option중에서 내용을 구분하고 싶을 때 시용
label 속성
- 그룹으로 구분했을 때 이름을 붙여줄 수 있음
- 제목이 라벨링됨