요소들
- select, textarea, fieldset, datalist
👉 입력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<label for="">살고 있는 지역은?</label>
<select name="" id="">
<option value="02">서울</option>
<option value="051">부산</option>
<option value="064">제주</option>
</select>
<br />
<select name="" id="">
<option value="male">남자</option>
<option value="female">여자</option>
</select>
<!-- select 태그는 선택지가 많을때만 사용 -->
<div>
<input type="radio" name="" id="male" />
<label for="male">남자</label>
<input type="radio" name="" id="female" />
<label for="female">여자</label>
</div>
<div>
<textarea name="" id="" style="width: 100%" rows="10"></textarea>
</div>
<div>
<fieldset>
<legend>학력정보</legend>
<div>
<label for="university">대학교</label>
<input type="text" name="" id="university" />
</div>
<div>
<label for="year">졸업년도</label>
<input type="text" name="" id="year" />
</div>
</fieldset>
</div>
<div>
<input list="browsers" id="browser1" />
<datalist id="browsers">
<option value="Internet Explorer">Internet Explorer</option>
<option value="Firefox">Firefox</option>
<option value="Chrome">Chrome</option>
<option value="Opera">Opera</option>
<option value="Safari">Safari</option>
</datalist>
<!-- datalist: 한 화면에 같은 데이터가 필요할 때 쓰기 굉장히 유용 -->
</div>
<div>
<input list="browsers" id="browser2" />
</div>
</body>
</html>
- 비록 코드가 길어지더라도 개발자는 항상 사용자의 편의를 위해서 코드를 짜야한다.
-