form요소 2

[ HTML ] select, option, textarea, datalist... 다양한 폼 요소

select & option여러 개의 옵션 중 하나 또는 여러 개 선택 가능multiple 속성select 태그에서 다중 선택을 가능하게 함textarea여러 줄의 텍스트 입력을 받을 때 사용fieldset & legend관련된 입력 요소를 그룹화하고 그룹명을 설정datalist사용자가 입력을 하면서 선택할 수 있도록 제안 목록 제공input + datalist입력과 자동완성 기능을 동시에 제공  태그와 태그여러 개의 옵션 중에서 하나 또는 여러 개를 선택할 수 있도록 하는 태그기본적으로 하나만 선택 가능하지만, multiple 속성을 사용하면 다중 선택이 가능함다중 선택(multiple)은 Ctrl(Windows) 또는 Command(Mac) 키를 눌러야 선택할 수 있어 사용자 경험(UX)이 좋지 않..

[ HTML ] HTML form 과 다양한 입력 필드 타입 정리

1폼 요소 (form)사용자의 데이터를 입력받는 HTML 요소2체크박스 입력 (type=“checkbox”)여러 개의 선택지를 동시에 선택3라디오 버튼 입력 (type=“radio”)한 그룹 내에서 하나의 선택지만 선택4색상 선택 (type=“color”)색상 팔레트에서 색을 선택5날짜 및 시간 입력날짜와 시간을 선택할 수 있는 입력5.1날짜 입력 (type=“date”)날짜를 선택할 수 있음5.2날짜와 시간 입력 (type=“datetime-local”)날짜와 시간을 함께 선택할 수 있음5.3월 선택 (type=“month”)연도와 월만 선택할 수 있음5.4주 선택 (type=“week”)해당 연도의 몇 번째 주 선택5.5시간 입력 (type=“time”)시간만 입력할 수 있음6숫자 입력 (type=“..