✏️select 코드
다수의 옵션(선택지)를 포함하여 드랍다운을 제공
<select>태그 내부에<option>태그를 사용해서 옵션을 표시- value 속성을 통해 각 옵션에 값 구별 필수!
<select>
<option value="값1">항목1</option>
<option value="값2">항목2</option>
</select>
🔎 selected 속성을 추가해서 드랍다운 디폴트값 수정 가능
✏️textarea 코드
input 태그와 다르게 여러줄의 텍스트를 입력받을 수 있음
- cols 속성 및 rows 속성을 통해 너비 높이 크기 조정 가능
- cols : 가로 글자 수, rows : 행 수
<textarea cols="숫자" rows="숫자">
</textarea>
예시 코드 실행 결과
✏️progress 코드
input 타입은 아니나 참고용
전체 작업량 중 진척도에 대해 표현
- value 속성 : 현재 진척도
- max 속성 : 전체 필요한 작업량
<progress value="숫자" max="숫자">
</progress>
예시 코드 실행 결과
✏️button 태그
클릭으로 입력 받는 버튼 요소
button 태그를 직접 이용하거나 input 태그의 type 속성을 이용해도 동일하게 구현 가능
1️⃣ <button> 태그 사용
<button>버튼명</button>
2️⃣ <input> 태그의 button 속성 사용
<input type="button" value="버튼명">
✏️fieldset 태그
1개 이상의 항목을 묶어서 보여줌
<fieldset> 태그 내부에 <legend> 태그를 통해 제목도 표시 가능
css의 발달로 최근에는 많이 이용하지 않는 추세
<fieldset>
<legend>제목</legend>
추가할 항목
</fieldset>
예시 코드 실행 결과
안녕하세요☺️