5-2. 폼 요소
■ 선택 박스 : <select>, <option>
<select>, <option> 태그가 사용되는 선택 박스는 마우스를 이용하여 목록 중에서 하나의 항목을 선택할
수 있게 해줍니다.
<div class="container mt-3">
<h3>선택 메뉴</h3>
<form>
<label for="select1" class="form-label">선택해 주세요</label>
<select class="form-select" id="select1" name="sel1">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<br>
<label for="select2" class="form-label">선택해 주세요</label>
<select multiple class="form-select" id="select2" name="sel2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<button type="submit" class="btn btn-primary mt-3">확인</button>
</form>
</div>
ex5-8.html의 실행 결과
■ 다중 입력 창 : <textarea>
<textarea> 태그를 의미하는 다중 입력 창은 사각형 박스 형태의 폼입니다.
이 다중 입력 창은 사용자가 여러 줄의 데이터를 입력할 수 있게 해줍니다.
다중 입력 창 : <textarea>
ex5-9.html
<form>
<h4>내용</h4>
<textarea cols="80" rows="6"></textarea>
</form>
ex5-9.html의 실행 결과
